eoss-ui 0.3.97

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

@@ -0,0 +1,435 @@
+<template>
+  <div class="es-tree-group" :class="{ 'es-tree-steps-group': steps }">
+    <es-steps
+      v-if="steps"
+      class="es-steps-group"
+      v-bind="steps"
+      :is-click="false"
+    ></es-steps>
+    <div class="es-tree-group-left">
+      <el-tabs
+        v-if="tabs && tabs.length"
+        v-model="active"
+        type="card"
+        class="es-tabs-tree-card"
+        @tab-click="handleSelect"
+      >
+        <el-tab-pane
+          v-for="(item, index) in tabs"
+          :label="item.text"
+          :name="String(index)"
+          :key="item.name"
+        >
+          <es-tree
+            v-bind="item.tree"
+            :ref="item.ref ? item.ref : 'groupTree' + index"
+            @node-click="handleNodeClick"
+            @check-change="handleCheckChange"
+            v-on="item.tree && item.tree.events ? item.tree.events : {}"
+          >
+            <template v-if="item.enterprise" slot="filtrate">
+              <es-enterprise
+                v-bind="getAttr(item.enterprise)"
+                @change="handleChange"
+                @confirm="handleConfirm"
+                v-on="
+                  item.enterprise && item.enterprise.events
+                    ? item.enterprise.events
+                    : {}
+                "
+              ></es-enterprise>
+            </template>
+          </es-tree>
+        </el-tab-pane>
+      </el-tabs>
+      <es-tree
+        v-else
+        v-bind="tree"
+        ref="groupTree"
+        @node-click="handleNodeClick"
+        @check-change="handleCheckChange"
+        v-on="tree.events ? tree.events : {}"
+      >
+        <template v-if="enterprise" slot="filtrate">
+          <es-enterprise
+            v-bind="getAttr(enterprise)"
+            @change="handleChange"
+            @confirm="handleConfirm"
+            v-on="tree.events ? tree.events : {}"
+          ></es-enterprise>
+        </template>
+      </es-tree>
+    </div>
+    <div class="es-tree-group-right">
+      <slot name="contents">
+        <es-form
+          v-if="form"
+          v-bind="form"
+          :ref="form.ref ? form.ref : 'esForm'"
+          v-on="{ ...$listeners, ...form.events }"
+        >
+        </es-form>
+        <!-- <es-tabs
+        v-else-if="tabs"
+        v-bind="tabs"
+        :ref="tabs.ref ? tabs.ref : 'esTabs'"
+        v-on="{ ...$listeners, ...tabs.events }"
+      >
+      </es-tabs> -->
+        <es-data-table
+          v-else-if="table"
+          size="mini"
+          v-bind="{ close: true, ...table }"
+          :param="param"
+          :ref="table.ref ? table.ref : 'esDataTable'"
+          v-on="{ ...$listeners, ...table.events }"
+        >
+          <template v-if="table.dialog" slot="dialog">
+            <template v-if="Array.isArray(table.dialog)">
+              <es-dialog
+                v-for="(ele, ids) in table.dialog"
+                :isReload="true"
+                v-bind="
+                  handleExclAttribute({
+                    data: ele,
+                    attrs: ['visible']
+                  })
+                "
+                :key="ids"
+                :visible.sync="ele.visible"
+                v-on="{ ...ele.events }"
+              >
+              </es-dialog>
+            </template>
+            <es-dialog
+              v-else
+              :isReload="true"
+              v-bind="
+                handleExclAttribute({
+                  data: table.dialog,
+                  attrs: ['visible']
+                })
+              "
+              :visible.sync="table.dialog.visible"
+              v-on="{ ...table.dialog.events }"
+            >
+            </es-dialog>
+          </template>
+        </es-data-table>
+        <template v-else-if="src">
+          <iframe
+            v-if="method === 'iframe'"
+            :id="name"
+            :name="name"
+            frameborder="0"
+            width="100%"
+            height="100%"
+            :src="src"
+          ></iframe>
+          <WujieVue
+            v-else-if="method === 'wujie' && refresh"
+            v-bind="wjprops"
+            width="100%"
+            height="100%"
+            :name="wujieName"
+            :url="getUrl(src)"
+          ></WujieVue>
+          <router-view
+            :name="name"
+            v-else-if="method === 'router' && refresh"
+          />
+        </template>
+      </slot>
+    </div>
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsTreeGroup',
+  inheritAttrs: false,
+  props: {
+    host: {
+      type: String,
+      default: ''
+    },
+    steps: Object,
+    defaultActive: [String, Number],
+    formData: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    tree: {
+      type: Object,
+      default() {
+        return {
+          title: '成员树'
+        };
+      }
+    },
+    syncKeys: {
+      type: [Object, Boolean],
+      default: true
+    },
+    triggerType: Array,
+    enterprise: [Object, Boolean],
+    table: Object,
+    form: Object,
+    tabs: Array,
+    src: String,
+    name: String,
+    onNodeClick: Function,
+    onCheckChange: Function,
+    props: Object,
+    empty: {
+      type: String,
+      default: '#/empty'
+    }
+  },
+  computed: {
+    wujieName() {
+      return this.name ? this.name : util.uuid(16);
+    },
+    method() {
+      this.refresh = false;
+      if (src.indexOf('//:') === 0) {
+        return 'wujie';
+      } else if (
+        src.indexOf('dhtml') > -1 ||
+        (src.indexOf('html') > -1 && src.indexOf('html#') === -1)
+      ) {
+        return 'iframe';
+      } else {
+        const routes = this.$router.options.routes;
+        if (routes) {
+          let path = this.hasRouter(routes, src);
+          if (path) {
+            this.refresh = true;
+            let index = decodeURI(src).indexOf('?');
+            path = path + (index > -1 ? src.slice(index) : '');
+            this.$router.push(path);
+            return 'router';
+          }
+        }
+        this.refresh = true;
+        return 'wujie';
+      }
+    },
+    param() {
+      if (this.params) {
+        return this.params;
+      } else if (
+        this.table &&
+        Object.prototype.hasOwnProperty.call(this.table, 'param')
+      ) {
+        return this.table.param;
+      }
+      return undefined;
+    }
+  },
+  watch: {
+    defaultActive: {
+      immediate: true,
+      handler(val) {
+        if (val !== undefined && this.tabs && this.tabs.length) {
+          if (typeof val === 'string') {
+            for (let i = 0; i < this.tabs.lengt; i++) {
+              if (val === this.tabs[i].name) {
+                this.active = String(i);
+              }
+            }
+          } else {
+            this.active = String(val);
+          }
+        }
+      }
+    },
+    checkeds: {
+      deep: true,
+      handler() {
+        let params = this.setParams();
+        if (params) {
+          if (
+            this.table &&
+            Object.prototype.hasOwnProperty.call(this.table, 'param')
+          ) {
+            this.params = util.extend(true, this.table.param, params);
+          } else {
+            this.params = params;
+          }
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      active: '0',
+      checkeds: null,
+      params: null,
+      wjprops: {}
+    };
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    getUrl(url, param, res) {
+      let urls = url.split('?');
+      if (urls[0].indexOf('.js') > 0) {
+        let props = util.extend(true, this.props || {}, res.props || {}, {
+          _dialog: true,
+          _dialogId: this.wujieName
+        });
+        this.wjprops = util.extend(
+          true,
+          { props: props },
+          {
+            plugins: [
+              {
+                jsBeforeLoaders: [{ src: url }]
+              }
+            ]
+          }
+        );
+        this.show = true;
+        return './primary.html' + urls[1] ? `?${urls[1]}` : '';
+      }
+    },
+    setParams() {
+      if (this.syncKeys === false) {
+        return null;
+      }
+      if (
+        this.enterprise ||
+        (this.tabs &&
+          this.tabs.length &&
+          this.tabs[Number(this.active)].enterprise)
+      ) {
+        if (this.checkeds) {
+          if (Array.isArray(this.checkeds)) {
+            let creditCodes = [];
+            this.checkeds.forEach(item => {
+              if (item.creditCode && item.creditCode !== 'undefined') {
+                creditCodes.push(item.creditCode);
+              } else {
+                let data = JSON.parse(item.data.objdata);
+                if (data.creditCode && data.creditCode !== 'undefined') {
+                  creditCodes.push(data.creditCode);
+                }
+              }
+            });
+            return { creditCode: creditCodes.join(',') };
+          } else {
+            return { creditCode: this.checkeds.creditCode };
+          }
+        }
+        return null;
+      } else {
+        if (this.checkeds) {
+          let params = {};
+          if (Array.isArray(this.checkeds)) {
+            if (this.syncKeys && util.isObject(this.syncKeys)) {
+              for (let i in this.syncKeys) {
+                params[i] = this.checkeds
+                  .map(item => {
+                    if (
+                      Object.prototype.hasOwnProperty.call(
+                        item,
+                        this.syncKeys[i]
+                      )
+                    ) {
+                      return item[this.syncKeys[i]];
+                    } else {
+                      let data = JSON.parse(item.data.objdata);
+                      return data[this.syncKeys[i]];
+                    }
+                  })
+                  .join(',');
+              }
+            } else {
+              params.id = this.checkeds
+                .map(item => {
+                  return item.id;
+                })
+                .join(',');
+            }
+          } else {
+            if (this.syncKeys && util.isObject(this.syncKeys)) {
+              for (let i in this.syncKeys) {
+                params[i] = this.checkeds[this.syncKeys[i]];
+              }
+            } else {
+              params.id = this.checkeds.id;
+            }
+          }
+          return params;
+        }
+        return null;
+      }
+    },
+    getAttr(res) {
+      return typeof res === 'boolean' ? {} : res;
+    },
+    handleText(res) {
+      if (typeof res === 'string') {
+        return res;
+      } else {
+        return res.name || res.text || res.label;
+      }
+    },
+    //数据表刷新
+    reload(obj, first, tree) {
+      if (this.table.ref) {
+        this.$refs[this.table.ref].reload(obj, first);
+      } else {
+        this.$refs.esDataTable.reload(obj, first);
+      }
+      if (tree) {
+        let ref =
+          this.tabs && this.tabs.length
+            ? this.tabs[Number(this.active)].ref
+              ? this.tabs[Number(this.active)].ref
+              : 'groupTree' + this.active
+            : 'groupTree';
+        this.$refs[ref].getTreeData();
+      }
+    },
+    //页签切换
+    handleSelect() {
+      this.$emit('tab-click', this.tabs[parseInt(this.active, 10)]);
+    },
+    handleNodeClick(data, node) {
+      this.checkeds = data;
+      if (this.onNodeClick) {
+        this.onNodeClick(this, data, node);
+      } else {
+        this.$emit('node-click', this, data, node);
+      }
+    },
+    handleCheckChange() {
+      let ref =
+        this.tabs && this.tabs.length
+          ? this.tabs[Number(this.active)].ref
+            ? this.tabs[Number(this.active)].ref
+            : 'groupTree' + this.active
+          : 'groupTree';
+      this.checkeds = this.$refs[ref].getCheckedNodes();
+      if (this.onCheckChange) {
+        this.onCheckChange(this, ...arguments);
+      } else {
+        this.$emit('check-change', this, ...arguments);
+      }
+    },
+    handleChange(res) {
+      this.$emit('enterprise-change', res);
+    },
+    handleConfirm(res) {
+      this.checkeds = res;
+      this.$emit('enterprise-confirm', res);
+    }
+  }
+};
+</script>

package/packages/upload/index.js

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