xs-common-plugins 1.2.4 → 1.2.6

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

@@ -1,59 +1,59 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-
-  },
-  mountedInit() {
-  },
-  // 切换商品品类
-  changeProductType (value) {
-    this.loadSource();
-  },
-  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 = []
-      }
-      let list = []
-      this.areaCodeDicList.forEach(item => { list.push([item.value]) });
-      this.selectedAreaCode = list // selectedAreaCode  地区/种类
-      this.selectedArsId = this.formatData(this.arsIdDicList)   // selectedArsId 运营商类目
-      this.selectedDenomInc = Object.values(this.denomIncList) // selectedDenomInc 面值
-      this.checkboxHandle()
-    })
-  },
-  formatData (list) {
-    return list.map(item => item.value)
-  }
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+
+  },
+  mountedInit() {
+  },
+  // 切换商品品类
+  changeProductType (value) {
+    this.loadSource();
+  },
+  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 = []
+      }
+      let list = []
+      this.areaCodeDicList.forEach(item => { list.push([item.value]) });
+      this.selectedAreaCode = list // selectedAreaCode  地区/种类
+      this.selectedArsId = this.formatData(this.arsIdDicList)   // selectedArsId 运营商类目
+      this.selectedDenomInc = Object.values(this.denomIncList) // selectedDenomInc 面值
+      this.checkboxHandle()
+    })
+  },
+  formatData (list) {
+    return list.map(item => item.value)
+  }
 }

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="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>
+<!--
+ * @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
+  }
+}