eoss-ui 0.3.97

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

@@ -0,0 +1,267 @@
+<template>
+  <div v-if="!hide" class="es-radio-group">
+    <div
+      v-if="readonly"
+      class="es-input__inner"
+      :class="{ 'es-plain': this.plain }"
+    >
+      {{ labelVal }}
+    </div>
+    <el-radio-group
+      v-else
+      v-show="display"
+      v-model="model"
+      v-bind="$attrs"
+      v-on="$listeners"
+    >
+      <template v-if="genre === 'button'">
+        <el-radio-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-radio-button>
+      </template>
+      <template v-else>
+        <el-radio
+          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-radio>
+      </template>
+    </el-radio-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: 'EsRadioGroup',
+  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: [String, Number, Object, Boolean],
+    readonly: Boolean,
+    plain: Boolean,
+    ajax: {
+      type: Boolean,
+      default: true
+    },
+    isNoParamRequest: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      options: null
+    };
+  },
+  computed: {
+    label() {
+      if (this.sysCode) {
+        return 'shortName';
+      }
+      return this.labelKey;
+    },
+    valKey() {
+      if (this.sysCode) {
+        return 'cciValue';
+      }
+      return this.valueKey;
+    },
+    isObject() {
+      if (this.value !== '' && util.isObject(this.value)) {
+        return true;
+      } else {
+        if (this.valueType === 'object') {
+          return true;
+        } else {
+          return false;
+        }
+      }
+    },
+    model: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        return val;
+      }
+    },
+    results() {
+      return this.options ? this.options : this.data;
+    },
+    labelVal() {
+      if (this.readonly && this.model && this.results.length) {
+        if (typeof this.model !== 'object') {
+          if (util.isObject(this.results[0])) {
+            let val;
+            this.results.forEach(item => {
+              if (item[this.valKey] === this.model) {
+                val = item[this.label] || this.model;
+                return item[this.label] || this.model;
+              }
+            });
+            return val;
+          }
+          return this.model;
+        } else {
+          return this.model[this.label] || this.model[this.valKey];
+        }
+      }
+    }
+  },
+  watch: {
+    sysCode: {
+      immediate: true,
+      handler(val) {
+        if (val) {
+          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 => {
+          this.loading = false;
+          if (res.rCode === 0) {
+            this.options = JSON.parse(JSON.stringify(res.results));
+            if (sysCode) {
+              store.set(sysCode, JSON.parse(JSON.stringify(res.results)));
+            }
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    getprops(attrs, res) {
+      if (res.checked && this.model === undefined) {
+        this.$emit(
+          'input',
+          this.valueType === 'object' ? res : res[this.valKey]
+        );
+      }
+      return util.isObject(res) ? { ...attrs, ...res } : attrs;
+    }
+  }
+};
+</script>

package/packages/select/index.js

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