xs-common-plugins 1.1.2 → 1.1.6

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

@@ -1,94 +1,94 @@
-<template>
-  <div class="hk_cascader_qudao-wrapper">
-    <el-cascader :placeholder="placeholder"
-                 :size="size"
-                 :options="selectData"
-                 :props="{ multiple: optionItem.dataSourceType == 20||optionItem.dataSourceType == 30,lazy:true, lazyLoad :lazyLoad }"
-                 @change="changesQuod"
-                 collapse-tags
-                 filterable>
-    </el-cascader>
-  </div>
-</template>
-
-<script>
-import { MIX_VMODEL } from "@/mixin/vmodel";
-/*
-* @optionItem {Object} // 组件配置信息
-* @placeholder {String} // 组件label
-* @selectData {Array} // 多选数据
-* */
-export default {
-  props: {
-    optionItem: Object,
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    size: String,
-  },
-  data() {
-    return {
-      selectData: [],
-    }
-  },
-  methods: {
-    async lazyLoad(node, resolve) {
-      const { level, value } = node;
-      let list = await this.getNext(value, level);
-      resolve(list)
-    },
-    changesQuod(val) {
-      val = JSON.parse(JSON.stringify(val))
-      let value = [];
-      if (this.optionItem.dataSourceType == 0 || this.optionItem.dataSourceType == 10) {
-        value = [val.pop()]
-      } else {
-        value = val.map(v => {
-          return v.pop();
-        })
-      }
-      this.inputValue = value
-    },
-    mountedInit() {
-      this.$http.get(this.optionItem.url, {}).then(async res => {
-        if (res.data) {
-          this.selectData = this.fromDataSelectData(res.data)
-        }
-        return [];
-      })
-    },
-    async getNext(portId, level) {
-      return await this.$http.get(this.optionItem.url, { portId }).then(res => {
-        if (res.data) {
-          return this.fromDataSelectData(res.data, level);
-        }
-        return [];
-      })
-    },
-    fromDataSelectData(data, level = 0) {
-      if (typeof data == 'object' && !Array.isArray(data)) {
-        let selectData = [];
-        for (let key in data) {
-          selectData.push({
-            value: key,
-            label: data[key],
-            children: [],
-            leaf: level >= 1
-          })
-        }
-        return selectData;
-      } else {
-        if (Array.isArray(data)) return data
-      }
-    },
-  },
-  mixins: [MIX_VMODEL],
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  mounted() {
-    this.mountedInit();
-  },
-}
-</script>
+<template>
+  <div class="hk_cascader_qudao-wrapper">
+    <el-cascader :placeholder="placeholder"
+                 :size="size"
+                 :options="selectData"
+                 :props="{ multiple: optionItem.dataSourceType == 20||optionItem.dataSourceType == 30,lazy:true, lazyLoad :lazyLoad }"
+                 @change="changesQuod"
+                 collapse-tags
+                 filterable>
+    </el-cascader>
+  </div>
+</template>
+
+<script>
+import { MIX_VMODEL } from "@/mixin/vmodel";
+/*
+* @optionItem {Object} // 组件配置信息
+* @placeholder {String} // 组件label
+* @selectData {Array} // 多选数据
+* */
+export default {
+  props: {
+    optionItem: Object,
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    size: String,
+  },
+  data() {
+    return {
+      selectData: [],
+    }
+  },
+  methods: {
+    async lazyLoad(node, resolve) {
+      const { level, value } = node;
+      let list = await this.getNext(value, level);
+      resolve(list)
+    },
+    changesQuod(val) {
+      val = JSON.parse(JSON.stringify(val))
+      let value = [];
+      if (this.optionItem.dataSourceType == 0 || this.optionItem.dataSourceType == 10) {
+        value = [val.pop()]
+      } else {
+        value = val.map(v => {
+          return v.pop();
+        })
+      }
+      this.inputValue = value
+    },
+    mountedInit() {
+      this.$http.get(this.optionItem.url, {}).then(async res => {
+        if (res.data) {
+          this.selectData = this.fromDataSelectData(res.data)
+        }
+        return [];
+      })
+    },
+    async getNext(portId, level) {
+      return await this.$http.get(this.optionItem.url, { portId }).then(res => {
+        if (res.data) {
+          return this.fromDataSelectData(res.data, level);
+        }
+        return [];
+      })
+    },
+    fromDataSelectData(data, level = 0) {
+      if (typeof data == 'object' && !Array.isArray(data)) {
+        let selectData = [];
+        for (let key in data) {
+          selectData.push({
+            value: key,
+            label: data[key],
+            children: [],
+            leaf: level >= 1
+          })
+        }
+        return selectData;
+      } else {
+        if (Array.isArray(data)) return data
+      }
+    },
+  },
+  mixins: [MIX_VMODEL],
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  mounted() {
+    this.mountedInit();
+  },
+}
+</script>

package/src/components/Search/methods.js

@@ -1,86 +1,86 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-
-  },
-  mountedInit() {
-  },
-
-  // ------------------------------------------------------------------
-  // pragma mark - Event Response(响应事件)
-  // 命名规范: Name + EventHandler
-  // ------------------------------------------------------------------
-  toSearch() {
-    this.$emit('searchForm')
-    this.$emit('search-click')
-  },
-  toSelect(val, fieldName) {
-    this.inputValue[fieldName] = val
-  },
-  handleCommand(obj) {
-    this.$emit('btn-click', obj.remark)
-    this.$emit('btns-click', obj)
-  },
-  getBtnContentIsOut(type) {
-    let arr
-    if (type == 'isOut') {
-        arr = Array.isArray(this.btnContent) && this.btnContent.filter((item) => item.isOut);
-    }else {
-      arr = Array.isArray(this.btnContent) && this.btnContent.filter((item) => !item.isOut);
-    }
-    return arr
-  },
-  toMore(item) {
-    this.isShow = !this.isShow
-  },
-  resetForm(formName) {
-    this.$refs[formName].resetFields();
-  },
-  clearHandler(fieldName) {
-    this.inputValue[fieldName] = [];
-  },
-
-  removeTag(fieldName, event) {
-    this.keys = this.keys.splice(0, 1)
-    this.inputValue[fieldName] = this.keys;
-  },
-
-  cascaderData(value, url) {
-    if (value) {
-      this.$http.get(url).then(res => {
-        if (res.data) {
-          this.brandModelList = res.data
-        }
-      })
-    }
-  },
-
-  // ------------------------------------------------------------------
-  // 报表相关事件
-  // ------------------------------------------------------------------
-
-  //报表名称按钮点击
-  clickReportBtn(url, param) {
-    const that = this;
-    this.$http.get(url, param).then(res => {
-      this.reportList = res.data;
-      if (res.data.length > 0) {
-        that.handlerSelReport(res.data[0])
-        that.toSearch();
-      }
-    })
-  },
-
-  // 处理选择报表的配置内容
-  handlerSelReport(command) {
-    this.reloadReportForm = false;
-    this.selReportName = command.title;
-    this.reportDefs = command.jsonCfg;
-    // TODO: report 硬编码
-    this.inputValue['report'] = JSON.parse(command.jsonCfg)
-    this.reloadReportForm = true;
-  }
-
-}
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+
+  },
+  mountedInit() {
+  },
+
+  // ------------------------------------------------------------------
+  // pragma mark - Event Response(响应事件)
+  // 命名规范: Name + EventHandler
+  // ------------------------------------------------------------------
+  toSearch() {
+    this.$emit('searchForm')
+    this.$emit('search-click')
+  },
+  toSelect(val, fieldName) {
+    this.inputValue[fieldName] = val
+  },
+  handleCommand(obj) {
+    this.$emit('btn-click', obj.remark)
+    this.$emit('btns-click', obj)
+  },
+  getBtnContentIsOut(type) {
+    let arr
+    if (type == 'isOut') {
+        arr = Array.isArray(this.btnContent) && this.btnContent.filter((item) => item.isOut);
+    }else {
+      arr = Array.isArray(this.btnContent) && this.btnContent.filter((item) => !item.isOut);
+    }
+    return arr
+  },
+  toMore(item) {
+    this.isShow = !this.isShow
+  },
+  resetForm(formName) {
+    this.$refs[formName].resetFields();
+  },
+  clearHandler(fieldName) {
+    this.inputValue[fieldName] = [];
+  },
+
+  removeTag(fieldName, event) {
+    this.keys = this.keys.splice(0, 1)
+    this.inputValue[fieldName] = this.keys;
+  },
+
+  cascaderData(value, url) {
+    if (value) {
+      this.$http.get(url).then(res => {
+        if (res.data) {
+          this.brandModelList = res.data
+        }
+      })
+    }
+  },
+
+  // ------------------------------------------------------------------
+  // 报表相关事件
+  // ------------------------------------------------------------------
+
+  //报表名称按钮点击
+  clickReportBtn(url, param) {
+    const that = this;
+    this.$http.get(url, param).then(res => {
+      this.reportList = res.data;
+      if (res.data.length > 0) {
+        that.handlerSelReport(res.data[0])
+        that.toSearch();
+      }
+    })
+  },
+
+  // 处理选择报表的配置内容
+  handlerSelReport(command) {
+    this.reloadReportForm = false;
+    this.selReportName = command.title;
+    this.reportDefs = command.jsonCfg;
+    // TODO: report 硬编码
+    this.inputValue['report'] = JSON.parse(command.jsonCfg)
+    this.reloadReportForm = true;
+  }
+
+}

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

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

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

@@ -1,69 +1,69 @@
-.product_option-wrapper {}
-
-.select-empty-group {
-    width: 660px;
-    font-size: 14px;
-
-    .row {
-        position: relative;
-        margin: 0 8px;
-    }
-
-    .head {
-        position: absolute;
-        left: 11px;
-        top: 3px;
-        color: #999;
-
-
-        .title {
-            float: left;
-            max-width: 80px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-    }
-
-    .body {
-        padding-left: 96px;
-
-        .items {
-            height: 72px;
-            overflow: hidden;
-        }
-    }
-
-    .product-type {
-        display: flex;
-        flex-wrap: wrap;
-    }
-
-    .el-radio,
-    .check-width .el-checkbox {
-        width: 100px;
-        margin-right: 6px;
-        padding: 2px 0;
-    }
-
-    //分割线样式
-    .el-divider--horizontal {
-        margin: 12px 0;
-    }
-
-    .body-empty {
-        padding: 0 16px 0 96px;
-        display: flex;
-        align-items: center;
-
-        >span {
-            margin-top: 3px;
-        }
-    }
-
-
-    .el-cascader-menu__wrap {
-        height: 300px;
-    }
-
+.product_option-wrapper {}
+
+.select-empty-group {
+    width: 660px;
+    font-size: 14px;
+
+    .row {
+        position: relative;
+        margin: 0 8px;
+    }
+
+    .head {
+        position: absolute;
+        left: 11px;
+        top: 3px;
+        color: #999;
+
+
+        .title {
+            float: left;
+            max-width: 80px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+
+    .body {
+        padding-left: 96px;
+
+        .items {
+            height: 72px;
+            overflow: hidden;
+        }
+    }
+
+    .product-type {
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .el-radio,
+    .check-width .el-checkbox {
+        width: 100px;
+        margin-right: 6px;
+        padding: 2px 0;
+    }
+
+    //分割线样式
+    .el-divider--horizontal {
+        margin: 12px 0;
+    }
+
+    .body-empty {
+        padding: 0 16px 0 96px;
+        display: flex;
+        align-items: center;
+
+        >span {
+            margin-top: 3px;
+        }
+    }
+
+
+    .el-cascader-menu__wrap {
+        height: 300px;
+    }
+
 }