xs-common-plugins 1.1.2 → 1.1.6

package/src/components/Search/product_option/methods.js

@@ -1,47 +1,47 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-
-  },
-  mountedInit() {
-  },
-
-  checkboxHandle(event, fieldName) {
-    this.keys = []
-    this.checkboxForm = {
-      areaCodes: this.selectedAreaCode,
-      arsIdInc: this.selectedArsId,
-      denomInc: this.selectedDenomInc,
-      typeId: parseInt(this.selectedType)
-    }
-    this.$http.post('api.Seach.QueryStdProdIds', this.checkboxForm).then(res => {
-      if (res.data) {
-        var values = [];
-        for (var key in res.data.pIdDic) {
-          values.push(res.data[key])
-          this.keys.push(parseInt(key))
-        };
-        this.inputValue = [].concat(this.keys);
-      }
-    })
-  },
-
-  // ------------------------------------------------------------------
-  // HTTP
-  // ------------------------------------------------------------------
-  loadSource() {
-    this.$http.post('api.Seach.QueryProdPlugin', {
-      typeId: parseInt(this.selectedType)
-    }).then(res => {
-      if (res.data) {
-        this.areaCodeDicList = res.data.areaCodeDic
-        this.arsIdDicList = res.data.arsIdDic
-        this.denomIncList = res.data.denomInc
-      } else {
-        this.areaCodeDicList = this.arsIdDicList = this.denomIncList = []
-      }
-    })
-  }
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+
+  },
+  mountedInit() {
+  },
+
+  checkboxHandle(event, fieldName) {
+    this.keys = []
+    this.checkboxForm = {
+      areaCodes: this.selectedAreaCode,
+      arsIdInc: this.selectedArsId,
+      denomInc: this.selectedDenomInc,
+      typeId: parseInt(this.selectedType)
+    }
+    this.$http.post('api.Seach.QueryStdProdIds', this.checkboxForm).then(res => {
+      if (res.data) {
+        var values = [];
+        for (var key in res.data.pIdDic) {
+          values.push(res.data[key])
+          this.keys.push(parseInt(key))
+        };
+        this.inputValue = [].concat(this.keys);
+      }
+    })
+  },
+
+  // ------------------------------------------------------------------
+  // HTTP
+  // ------------------------------------------------------------------
+  loadSource() {
+    this.$http.post('api.Seach.QueryProdPlugin', {
+      typeId: parseInt(this.selectedType)
+    }).then(res => {
+      if (res.data) {
+        this.areaCodeDicList = res.data.areaCodeDic
+        this.arsIdDicList = res.data.arsIdDic
+        this.denomIncList = res.data.denomInc
+      } else {
+        this.areaCodeDicList = this.arsIdDicList = this.denomIncList = []
+      }
+    })
+  }
 }

package/src/components/Search/select/data.js

@@ -1,4 +1,4 @@
-export default () => {
-  return {
-  }
+export default () => {
+  return {
+  }
 };

package/src/components/Search/select/index.scss

@@ -1,3 +1,3 @@
-.select-wrapper {
-
+.select-wrapper {
+
 }

package/src/components/Search/select/index.vue

@@ -1,114 +1,114 @@
-<!--
- * @Author: your name
- * @Date: 2021-02-18 16:00:31
- * @LastEditTime: 2021-02-22 09:08:37
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: \dev\src\components\Search\select\index.vue
--->
-<template>
-  <div class="select-wrapper">
-    <!-- 通过 Api 获取下拉框内容, 内容格式: [label:value] -->
-    <!-- 1. clearable  支持清空 -->
-    <!-- 2. filterable  是否可搜索 -->
-    <!-- 3. remote  是否为远程搜索 -->
-    <!-- 4. remote-method  远程搜索方法 -->
-    <el-select v-if="option.dataSourceType == 0" v-model="inputValue" :placeholder="option.defaultValue" clearable
-      :filterable="
-        option.fifilterable === undefined ? true : option.fifilterable
-      " remote :remote-method="remoteMethod" :loading="loading" @focus="handleFocus">
-      <el-option v-for="(item, index) in selectData" :key="index" :label="item"
-        :value="option && option.props && option.props.value=='label'?item:index">{{ item }}</el-option>
-    </el-select>
-
-    <!-- 通过 Api 获取下拉框内容, 内容格式: [{value:xxx,label:xxx}] -->
-    <el-select v-else-if="option.dataSourceType == 10" v-model="inputValue" :placeholder="option.defaultValue" clearable
-      filterable remote default-first-option :remote-method="remoteMethod" @focus="handleFocus">
-      <el-option v-for="(item, index) in selectData" :key="index" :label="item.label" :value="item.value"></el-option>
-    </el-select>
-
-    <!-- 通过配置项获取下拉框内容 -->
-    <el-select v-else-if="option.dataSourceType == 1" v-model="inputValue" :placeholder="option.defaultValue" clearable>
-      <el-option v-for="item in option.dataSource" :key="item.value" :label="item.label" :value="item.value">
-      </el-option>
-    </el-select>
-
-    <!--通过枚举获取下拉框内容，仅支持单选-->
-    <el-select v-else-if="option.dataSourceType == 2" v-model="inputValue" :placeholder="option.defaultValue"
-      value-key="Name" @clear="clearOption" clearable>
-      <!-- clearable -->
-      <el-option v-for="item in enumList" :key="item.Id" :label="item.Text"
-        :value="option.valueKey?item[option.valueKey]:item.Id">{{ item.Text }}
-      </el-option>
-    </el-select>
-
-    <!-- 通过枚举获取下拉框内容，支持多选 -->
-    <el-select v-else-if="option.dataSourceType == 4" v-model="tempArray" :placeholder="option.defaultValue" multiple
-      :multiple-limit="option.multiplelimit" value-key="Name" collapse-tags>
-      <el-option v-for="item in enumList" :key="item.Id" :label="item.Text" :value="item.Id">{{ item.Text }}</el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-import methods from "./methods";
-import { MIX_VMODEL } from "@/mixin/vmodel";
-
-export default {
-  $$route: {
-    meta: {
-      title: "标题名称",
-      icon: "菜单图标",
-      hidden: true,
-    },
-  },
-  props: {
-    option: Object,
-    value: {
-      type: [Number, String, Array, Object],
-    },
-  },
-  data() {
-    return {
-      selectData: [],
-      loading: false,
-      tempArray: [],
-    };
-  },
-  methods,
-  mixins: [MIX_VMODEL],
-  components: {},
-  watch: {
-    value: {
-      handler(newVal) {
-        this.tempArray = newVal;
-      },
-      immediate: true,
-      deep: true,
-    },
-    tempArray: {
-      handler(nVal) {
-        this.inputValue = nVal;
-      },
-      deep: true,
-    },
-  },
-  computed: {
-    enumList() {
-      if (this.option.dataSourceType == 4 || this.option.dataSourceType == 2) {
-        return this.$orgEnum[this.option.url].slice(0, -1);
-      }
-    },
-  },
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit();
-  },
-  mounted() {
-    this.mountedInit();
-  },
-};
-</script>
-<style lang="scss" src="./index.scss" scoped></style>
+<!--
+ * @Author: your name
+ * @Date: 2021-02-18 16:00:31
+ * @LastEditTime: 2021-02-22 09:08:37
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \dev\src\components\Search\select\index.vue
+-->
+<template>
+  <div class="select-wrapper">
+    <!-- 通过 Api 获取下拉框内容, 内容格式: [label:value] -->
+    <!-- 1. clearable  支持清空 -->
+    <!-- 2. filterable  是否可搜索 -->
+    <!-- 3. remote  是否为远程搜索 -->
+    <!-- 4. remote-method  远程搜索方法 -->
+    <el-select v-if="option.dataSourceType == 0" v-model="inputValue" :placeholder="option.defaultValue" clearable
+      :filterable="
+        option.fifilterable === undefined ? true : option.fifilterable
+      " remote :remote-method="remoteMethod" :loading="loading" @focus="handleFocus">
+      <el-option v-for="(item, index) in selectData" :key="index" :label="item"
+        :value="option && option.props && option.props.value=='label'?item:index">{{ item }}</el-option>
+    </el-select>
+
+    <!-- 通过 Api 获取下拉框内容, 内容格式: [{value:xxx,label:xxx}] -->
+    <el-select v-else-if="option.dataSourceType == 10" v-model="inputValue" :placeholder="option.defaultValue" clearable
+      filterable remote default-first-option :remote-method="remoteMethod" @focus="handleFocus">
+      <el-option v-for="(item, index) in selectData" :key="index" :label="option.label ? item[option.label] : item.label" :value="option.value ? item[option.value] : item.value"></el-option>
+    </el-select>
+
+    <!-- 通过配置项获取下拉框内容 -->
+    <el-select v-else-if="option.dataSourceType == 1" v-model="inputValue" :placeholder="option.defaultValue" clearable>
+      <el-option v-for="item in option.dataSource" :key="item.value" :label="item.label" :value="item.value">
+      </el-option>
+    </el-select>
+
+    <!--通过枚举获取下拉框内容，仅支持单选-->
+    <el-select v-else-if="option.dataSourceType == 2" v-model="inputValue" :placeholder="option.defaultValue"
+      value-key="Name" @clear="clearOption" clearable>
+      <!-- clearable -->
+      <el-option v-for="item in enumList" :key="item.Id" :label="item.Text"
+        :value="option.valueKey?item[option.valueKey]:item.Id">{{ item.Text }}
+      </el-option>
+    </el-select>
+
+    <!-- 通过枚举获取下拉框内容，支持多选 -->
+    <el-select v-else-if="option.dataSourceType == 4" v-model="tempArray" :placeholder="option.defaultValue" multiple
+      :multiple-limit="option.multiplelimit" value-key="Name" collapse-tags>
+      <el-option v-for="item in enumList" :key="item.Id" :label="item.Text" :value="item.Id">{{ item.Text }}</el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+import methods from "./methods";
+import { MIX_VMODEL } from "@/mixin/vmodel";
+
+export default {
+  $$route: {
+    meta: {
+      title: "标题名称",
+      icon: "菜单图标",
+      hidden: true,
+    },
+  },
+  props: {
+    option: Object,
+    value: {
+      type: [Number, String, Array, Object],
+    },
+  },
+  data() {
+    return {
+      selectData: [],
+      loading: false,
+      tempArray: [],
+    };
+  },
+  methods,
+  mixins: [MIX_VMODEL],
+  components: {},
+  watch: {
+    value: {
+      handler(newVal) {
+        this.tempArray = newVal;
+      },
+      immediate: true,
+      deep: true,
+    },
+    tempArray: {
+      handler(nVal) {
+        this.inputValue = nVal;
+      },
+      deep: true,
+    },
+  },
+  computed: {
+    enumList() {
+      if (this.option.dataSourceType == 4 || this.option.dataSourceType == 2) {
+        return this.$orgEnum[this.option.url].slice(0, -1);
+      }
+    },
+  },
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit();
+  },
+  mounted() {
+    this.mountedInit();
+  },
+};
+</script>
+<style lang="scss" src="./index.scss" scoped></style>

package/src/components/Search/select/methods.js

@@ -1,52 +1,52 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-  },
-
-  mountedInit() {
-  },
-
-  clearOption() {
-    this.inputValue = null
-  },
-
-  getList() {
-    if (this.option.dataSourceType !== 0 && this.option.dataSourceType !== 10) return;
-    this.loading = true
-    this.$http.get(this.option.url).then(res => {
-      if (res.data) {
-        this.loading = false
-        this.selectData = res.data
-      }
-    })
-  },
-
-  handleFocus(event) {
-    this.remoteMethod(this.inputValue);
-  },
-
-  // request
-  remoteMethod(query) {
-    this.loading = true
-    let params = {};
-
-    if (this.option.urlParam) {
-      // 兼容老字段
-      this.option.searchKey = this.option.urlParam
-    }
-
-    if (this.option.searchKey) {
-      params = Object.assign(params, { [this.option.searchKey]: query })
-    }
-
-    params = Object.assign(params, this.option.param)
-    this.$http.get(this.option.url, params).then(res => {
-      if (res.data) {
-        this.loading = false
-        this.selectData = res.data
-      }
-    })
-  },
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+  },
+
+  mountedInit() {
+  },
+
+  clearOption() {
+    this.inputValue = null
+  },
+
+  getList() {
+    if (this.option.dataSourceType !== 0 && this.option.dataSourceType !== 10) return;
+    this.loading = true
+    this.$http.get(this.option.url).then(res => {
+      if (res.data) {
+        this.loading = false
+        this.selectData = res.data
+      }
+    })
+  },
+
+  handleFocus(event) {
+    this.remoteMethod(this.inputValue);
+  },
+
+  // request
+  remoteMethod(query) {
+    this.loading = true
+    let params = {};
+
+    if (this.option.urlParam) {
+      // 兼容老字段
+      this.option.searchKey = this.option.urlParam
+    }
+
+    if (this.option.searchKey) {
+      params = Object.assign(params, { [this.option.searchKey]: query })
+    }
+
+    params = Object.assign(params, this.option.param)
+    this.$http.get(this.option.url, params).then(res => {
+      if (res.data) {
+        this.loading = false
+        this.selectData = res.data
+      }
+    })
+  },
 }

package/src/components/Search_filter/data.js

@@ -1,5 +1,5 @@
-export default () => {
-  return {
-    changeVisible: true
-  }
-}
+export default () => {
+  return {
+    changeVisible: true
+  }
+}

package/src/components/Search_filter/index.vue

@@ -1,89 +1,89 @@
-<!--@click添加点击事件;可设置背景色，字体颜色，字体大小，按钮宽，高；props分别为：bgcolor，fontColor，fontSize，width，height-->
-<template>
-  <div class="formClass" ref="formClass">
-    <el-select
-      v-model="inputValue"
-      :placeholder="selectCont.defaultValue"
-      clearable
-      filterable
-      remote
-      :disabled="disabled"
-      :remote-method="remoteMethod"
-      @visible-change="visibleChange($event,selectCont)"
-    >
-      <el-option
-        v-for="(value,key) in selectOption"
-        :key="key"
-        :label="value"
-        :value="key"
-      >{{value}}</el-option>
-    </el-select>
-  </div>
-</template>
-<script>
-import data from "./data";
-import methods from "./methods";
-const EVENT_INPUT = "input";
-let id = 0;
-export default {
-  name: "Search",
-  props: {
-    //搜索内容集合
-    selectCont: {
-      type: [Object]
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    value: {
-      type: [Object,String]
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      selectOption: [],
-      inputValue: this.value
-    };
-  },
-  methods,
-  mixins: [],
-  components: {},
-  watch: {
-    value: {
-      handler(newValue) {
-        this.inputValue = newValue;
-      },
-      deep: true
-    },
-    inputValue: {
-      handler(newValue) {
-        this.$emit(EVENT_INPUT, newValue);
-      },
-      deep: true
-    }
-  },
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit();
-  },
-  mounted() {
-    this.mountedInit();
-    //点击文本自动点击前面的input触发选择
-    setInterval(function() {
-      document.querySelectorAll(".el-cascader-node__label").forEach(el => {
-        el.onclick = function() {
-          if (this.previousElementSibling) this.previousElementSibling.click();
-        };
-      });
-    }, 1000);
-  }
-};
-</script>
+<!--@click添加点击事件;可设置背景色，字体颜色，字体大小，按钮宽，高；props分别为：bgcolor，fontColor，fontSize，width，height-->
+<template>
+  <div class="formClass" ref="formClass">
+    <el-select
+      v-model="inputValue"
+      :placeholder="selectCont.defaultValue"
+      clearable
+      filterable
+      remote
+      :disabled="disabled"
+      :remote-method="remoteMethod"
+      @visible-change="visibleChange($event,selectCont)"
+    >
+      <el-option
+        v-for="(value,key) in selectOption"
+        :key="key"
+        :label="value"
+        :value="key"
+      >{{value}}</el-option>
+    </el-select>
+  </div>
+</template>
+<script>
+import data from "./data";
+import methods from "./methods";
+const EVENT_INPUT = "input";
+let id = 0;
+export default {
+  name: "Search",
+  props: {
+    //搜索内容集合
+    selectCont: {
+      type: [Object]
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: [Object,String]
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      selectOption: [],
+      inputValue: this.value
+    };
+  },
+  methods,
+  mixins: [],
+  components: {},
+  watch: {
+    value: {
+      handler(newValue) {
+        this.inputValue = newValue;
+      },
+      deep: true
+    },
+    inputValue: {
+      handler(newValue) {
+        this.$emit(EVENT_INPUT, newValue);
+      },
+      deep: true
+    }
+  },
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit();
+  },
+  mounted() {
+    this.mountedInit();
+    //点击文本自动点击前面的input触发选择
+    setInterval(function() {
+      document.querySelectorAll(".el-cascader-node__label").forEach(el => {
+        el.onclick = function() {
+          if (this.previousElementSibling) this.previousElementSibling.click();
+        };
+      });
+    }, 1000);
+  }
+};
+</script>
 <style lang="scss" src="./index.scss" scoped></style>