eoss-ui 0.3.97

package/packages/card/src/main.vue

@@ -0,0 +1,144 @@
+<template>
+  <el-card class="es-card" v-bind="$attrs">
+    <template slot="header">
+      <div
+        class="es-card-header"
+        :class="{ 'es-card-ornament-hide': !show }"
+        v-if="header || tabs"
+      >
+        <template v-if="header">
+          <template v-if="isObject">
+            <i
+              v-if="header.icon"
+              class="es-header-icon"
+              :class="header.icon"
+            ></i>
+            <span v-if="header.text" class="es-header-text">{{
+              header.text
+            }}</span>
+            <i
+              v-if="header.icons"
+              class="es-header-icons"
+              :class="header.icons"
+            ></i>
+            <el-menu
+              v-if="header.tabs"
+              slot="suffix"
+              class="es-card-menu"
+              mode="horizontal"
+              :default-active="active"
+              @select="handleSelect"
+            >
+              <template v-for="(item, index) in tabs">
+                <el-menu-item
+                  v-if="typeof item === 'string'"
+                  :key="index"
+                  :index="String(index)"
+                >
+                  {{ item }}
+                </el-menu-item>
+                <el-menu-item
+                  v-else
+                  :key="index"
+                  :index="item.id ? item.id : String(index)"
+                >
+                  <el-badge
+                    :value="item.tips"
+                    :max="max"
+                    :is-dot="isDot"
+                    :hidden="!item.tips || item.tips == '0'"
+                  >
+                    {{ item.name || item.label }}
+                  </el-badge>
+                </el-menu-item>
+              </template>
+            </el-menu>
+          </template>
+          <span v-else class="es-header-text">{{ header }}</span>
+        </template>
+        <template>
+          <el-menu
+            v-if="tabs"
+            slot="suffix"
+            class="es-card-menu"
+            mode="horizontal"
+            :default-active="active"
+            @select="handleSelect"
+          >
+            <template v-for="(item, index) in tabs">
+              <el-menu-item
+                v-if="typeof item === 'string'"
+                :key="index"
+                :index="String(index)"
+              >
+                {{ item }}
+              </el-menu-item>
+              <el-menu-item
+                v-else
+                :key="index"
+                :index="item.id ? item.id : String(index)"
+              >
+                <el-badge
+                  :value="item.tips"
+                  :max="max"
+                  :is-dot="isDot"
+                  :hidden="!item.tips || item.tips == '0'"
+                >
+                  {{ item.name || item.label }}
+                </el-badge>
+              </el-menu-item>
+            </template>
+          </el-menu>
+        </template>
+        <slot name="suffix"></slot>
+      </div>
+      <slot v-else name="header"></slot>
+    </template>
+    <slot></slot>
+  </el-card>
+</template>
+<script>
+export default {
+  name: 'EsCard',
+  inheritAttrs: false,
+  props: {
+    show: {
+      type: Boolean,
+      default: true
+    },
+    header: [String, Object],
+    tabs: Array,
+    defaultActive: String,
+    max: {
+      type: Number,
+      default: 99
+    },
+    isDot: Boolean
+  },
+  computed: {
+    isObject() {
+      return typeof this.header !== 'string';
+    },
+    active: {
+      get() {
+        if (this.defaultActive === undefined) {
+          if (typeof this.tabs[0] === 'string') {
+            return '0';
+          } else {
+            return this.tabs[0].id ? this.tabs[0].id : '0';
+          }
+        }
+        return this.defaultActive;
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    handleSelect(res, path) {
+      this.$emit('select', res, path);
+    }
+  }
+};
+</script>

package/packages/cascader/index.js

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

package/packages/cascader/src/main.vue

@@ -0,0 +1,144 @@
+<script>
+export default {
+  name: 'EsCascader',
+  inheritAttrs: false,
+  props: {
+    value: [String, Object, Array],
+    data: Array,
+    options: Array,
+    hide: {
+      type: Boolean,
+      default: false
+    },
+    readonly: Boolean,
+    plain: Boolean,
+    separator: {
+      type: String,
+      default: '/'
+    },
+    props: Object,
+    //Props
+    trigger: {
+      type: String,
+      default: 'click'
+    },
+    multiple: Boolean,
+    checkStrictly: Boolean,
+    emitPath: {
+      type: Boolean,
+      default: true
+    },
+    lazy: Boolean,
+    lazyLoad: Function,
+    type: {
+      type: String,
+      default: 'object'
+    },
+    valueKey: {
+      type: String,
+      default: 'value'
+    },
+    labelKey: {
+      type: String,
+      default: 'label'
+    },
+    children: {
+      type: String,
+      default: 'children'
+    },
+    disabled: {
+      type: String,
+      default: 'disabled'
+    },
+    leaf: {
+      type: String,
+      default: 'leaf'
+    }
+  },
+  computed: {
+    model: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        return val;
+      }
+    },
+    datas() {
+      return this.data || this.options;
+    },
+    newProps() {
+      let props = {
+        expandTrigger: this.trigger,
+        multiple: this.multiple,
+        checkStrictly: this.checkStrictly,
+        emitPath: this.emitPath,
+        lazy: this.lazy,
+        lazyLoad: this.lazyLoad,
+        type: this.type,
+        value: this.valueKey,
+        label: this.labelKey,
+        children: this.children,
+        disabled: this.disabled,
+        leaf: this.leaf
+      };
+      if (this.props) {
+        return { ...props, ...this.props };
+      }
+      return props;
+    }
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  render(h) {
+    if (!this.hide) {
+      if (this.readonly) {
+        const value = this.model
+          .map(item => {
+            if (Array.isArray(item)) {
+              return item
+                .map(ele => {
+                  if (typeof ele === 'string') {
+                    return ele;
+                  } else {
+                    return ele[this.newProps.label];
+                  }
+                })
+                .join(this.separator);
+            } else {
+              if (typeof item === 'string') {
+                return item;
+              } else {
+                return item[this.newProps.label];
+              }
+            }
+          })
+          .join(this.multiple ? '，' : this.separator);
+        return h(
+          'div',
+          {
+            class: ['el-cascader el-input__inner', { 'es-plain': this.plain }]
+          },
+          [value]
+        );
+      }
+      return h(
+        'el-cascader',
+        {
+          attrs: {
+            ...this.$attrs,
+            options: this.datas,
+            props: this.newProps,
+            value: this.model
+          },
+          on: this.$listeners
+        },
+        [this.$slots.default]
+      );
+    }
+  }
+};
+</script>

package/packages/checkbox-group/index.js

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

package/packages/checkbox-group/src/main.vue

@@ -0,0 +1,285 @@
+<template>
+  <div v-if="!hide" class="es-checkbox-group">
+    <div
+      v-if="readonly"
+      class="es-input__inner"
+      :class="{ 'es-plain': this.plain || $attrs.text }"
+    >
+      {{ labelVal }}
+    </div>
+    <el-checkbox-group
+      v-else
+      v-show="display"
+      v-model="model"
+      v-bind="$attrs"
+      v-on="$listeners"
+    >
+      <template v-if="genre === 'button'">
+        <el-checkbox-button
+          v-for="(item, index) in results"
+          :key="index"
+          v-bind="getprops($attrs, item)"
+          :label="isObject || typeof item == 'string' ? item : item[valKey]"
+          :disabled="typeof item == 'string' ? false : item.disabled"
+        >
+          {{
+            typeof item == 'string'
+              ? item
+              : item[label]
+              ? item[label]
+              : item.label || item[valKey]
+          }}
+        </el-checkbox-button>
+      </template>
+      <template v-else>
+        <el-checkbox
+          v-for="(item, index) in results"
+          :key="index"
+          v-bind="getprops($attrs, item)"
+          :label="isObject || typeof item == 'string' ? item : item[valKey]"
+          :disabled="typeof item == 'string' ? false : item.disabled"
+          :border="genre === 'border'"
+        >
+          {{
+            typeof item == 'string'
+              ? item
+              : item[label]
+              ? item[label]
+              : item.label || item[valKey]
+          }}
+        </el-checkbox>
+      </template>
+    </el-checkbox-group>
+  </div>
+</template>
+
+<script>
+import { findSysCode } from 'eoss-ui/src/config/api.js';
+import store from 'eoss-ui/src/utils/store';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsCheckboxGroup',
+  inheritAttrs: false,
+  props: {
+    method: {
+      type: String,
+      default: 'get'
+    },
+    // 	选择项本地数据
+    data: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    param: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    // 选择项远程地址
+    url: String,
+    hide: {
+      type: Boolean,
+      default: false
+    },
+    // 选择项获取代码表数据(优先级大于url)
+    sysCode: String,
+    // 	样式风格 button(按钮样式), border(带有边框)
+    genre: {
+      type: String,
+      default: ''
+    },
+    display: {
+      type: Boolean,
+      default: true
+    },
+    valueType: {
+      type: String,
+      default: 'string'
+    },
+    valueKey: {
+      type: String,
+      default: 'value'
+    },
+    // 指定选择项显示值的键名，data元素是对象类型时必填
+    labelKey: {
+      type: String,
+      default: 'name'
+    },
+    value: [Array, String],
+    readonly: Boolean,
+    plain: Boolean,
+    ajax: {
+      type: Boolean,
+      default: true
+    },
+    isNoParamRequest: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      options: ''
+    };
+  },
+  computed: {
+    isObject() {
+      if (
+        this.value !== '' &&
+        Array.isArray(this.value) &&
+        this.value.length > 0 &&
+        util.isObject(this.value[0])
+      ) {
+        return true;
+      } else {
+        if (this.valueType === 'object') {
+          return true;
+        } else {
+          return false;
+        }
+      }
+    },
+    model: {
+      get() {
+        return this.value === undefined ? [] : this.value;
+      },
+      set(val) {
+        return val;
+      }
+    },
+    label() {
+      if (this.sysCode) {
+        return 'shortName';
+      }
+      return this.labelKey;
+    },
+    valKey() {
+      if (this.sysCode) {
+        return 'cciValue';
+      }
+      return this.valueKey;
+    },
+    results() {
+      return this.options ? this.options : this.data;
+    },
+    labelVal() {
+      if (typeof this.model === 'string') {
+        if (util.isObject(this.results[0])) {
+          return this.results.map(item => {
+            if (item[this.valueKey] === this.model) {
+              return item[this.label] || this.model;
+            }
+          });
+        }
+        return this.model;
+      } else {
+        let label = this.model.map(item => {
+          if (util.isObject(item)) {
+            return item[this.label];
+          }
+          if (util.isObject(this.results[0])) {
+            return this.results
+              .map(ele => {
+                if (ele[this.valueKey] === item) {
+                  return ele[this.label];
+                }
+              })
+              .join(' ');
+          }
+          return item;
+        });
+        return label.join(' ');
+      }
+    }
+  },
+  watch: {
+    sysCode: {
+      immediate: true,
+      handler(val, old) {
+        if (val && val != old) {
+          const options = store.get(val);
+          if (options) {
+            this.options = JSON.parse(JSON.stringify(options));
+          } else {
+            this.getData(findSysCode, val);
+          }
+        }
+      }
+    },
+    url: {
+      immediate: true,
+      handler(val) {
+        if (val && !this.sysCode) {
+          this.getData(val);
+        }
+      }
+    },
+    param: {
+      deep: true,
+      handler() {
+        this.url && this.getData(this.url);
+      }
+    }
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    getData(url, sysCode) {
+      let params = {};
+      if (this.results.length === 0) {
+        params = util.extend(
+          {},
+          this.param,
+          sysCode ? { sysAppCode: sysCode } : {}
+        );
+      } else {
+        return false;
+      }
+      if (
+        !this.ajax ||
+        (!this.isNoParamRequest && Object.keys(this.param).length == 0)
+      ) {
+        return false;
+      }
+      this.loading = true;
+      util
+        .ajax({
+          url: url,
+          method: this.method,
+          params: params,
+          data: params
+        })
+        .then(res => {
+          if (res.rCode === 0) {
+            this.loading = false;
+            this.options = JSON.parse(JSON.stringify(res.results));
+            if (sysCode) {
+              store.set(sysCode, JSON.parse(JSON.stringify(res.results)));
+            }
+          } else {
+            let msg = res.msg || '系统错误，请联系管理员！';
+            this.$message.error(msg);
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    getprops(attrs, res) {
+      if (res.checked && this.model) {
+        this.$emit(
+          'input',
+          this.valueType === 'object' ? res : res[this.valKey]
+        );
+      }
+      return util.isObject(res) ? { ...attrs, ...res } : attrs;
+    }
+  }
+};
+</script>

package/packages/clients/index.js

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

package/packages/clients/src/main.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="es-clients">
+    <img v-if="logo" class="es-clients-logo" :src="logo" />
+    <div class="es-clients-title">
+      请通过手机浏览器（iOS11版本以上的苹果手机使用照相功能）扫码下载安装
+    </div>
+    <ul class="es-clients-list">
+      <li v-if="ios" class="es-clients-item">
+        <div class="es-clients-item-title">
+          <i class="es-icon-ios"></i>苹果系统
+        </div>
+        <es-qr-code :content="ios"></es-qr-code>
+        <div class="es-clients-remark">
+          备注： 苹果手机安装后请在设置- -通用- -设备管理中进行激活操作
+        </div>
+      </li>
+      <li v-if="android" class="es-clients-item">
+        <div class="es-clients-item-title">
+          <i class="es-icon-android"></i>安卓系统
+        </div>
+        <es-qr-code :content="android"></es-qr-code>
+      </li>
+      <li v-if="pad" class="es-clients-item">
+        <div class="es-clients-item-title"><i class="es-icon-pad"></i>平板</div>
+        <es-qr-code :content="pad"></es-qr-code>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+//import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsClients',
+  inheritAttrs: false,
+  props: {
+    logo: String,
+    ios: String,
+    android: String,
+    pad: String,
+    logo: String
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  mounted() {},
+  methods: {}
+};
+</script>

package/packages/data-table/index.js

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

package/packages/data-table/src/children.vue

@@ -0,0 +1,40 @@
+<template>
+  <column v-bind="$attrs" v-on="$listeners">
+    <template v-if="childrens && childrens.length">
+      <template v-for="(item, index) in childrens">
+        <children
+          v-if="item.hide !== true"
+          :key="index"
+          v-bind="{
+            ...$attrs,
+            filterIcon: false,
+            item: item,
+            width: item.width,
+            index: index,
+            children: item.children,
+            childHead: item.childHead
+          }"
+          v-on="$listeners"
+        ></children
+      ></template>
+    </template>
+  </column>
+</template>
+<script type="text/babel">
+import column from './column.vue';
+export default {
+  name: 'Children',
+  components: {
+    [column.name]: column
+  },
+  props: {
+    children: Array,
+    childHead: Array
+  },
+  computed: {
+    childrens() {
+      return this.children || this.childHead;
+    }
+  }
+};
+</script>