xs-common-plugins 1.2.4 → 1.2.6

package/src/components/Search_filter/index.scss

@@ -1,105 +1,105 @@
-.contentBox{
-    display: flex;
-    padding: 0 5px;
-    
-}
-.searchBox{
-  display: flex;
-}
-.buttonBox{
-  display: flex;
-}
-
- .el-select__tags{
-  flex-wrap: nowrap;
-}
- .el-form-item__content{
-  display: flex;
-  // word-spacing:-1em;
-  // min-width: 150px;
-}
-.shortcut{
-  padding: 0 10px;
-  display: flex;
-  .tabs{
-    margin: 10px 10px 10px 0;
-  }
-}
-
- .select-popper {
-  // background-color: rgba(0, 0, 0, 0.8);;
-  // border-radius: 0.08rem;
-  // border: solid 0.02rem #1c395d;
-  // font-family: PingFangSC-Regular;
-  .el-select-dropdown__item.selected {
-    // font-family: PingFangSC-Regular;
-    // font-size: 0.28rem;
-    // color: rgba(74, 141, 253, 1);
-  }
-  .el-select-dropdown__item.selected::after{
-    content: "";
-    
-  }
-  ul{
-    // display: flex;
-    // flex-wrap: wrap;
-  }
-  .el-select-dropdown__list{
-    padding: 0;
-  }
-
-  li {
-    // color: #000;
-    // background: transparent;
-    // font-size: 0.28rem;
-    // width: 500px;
-  }
-  .el-select-dropdown__item{
-    margin-right: 10px;
-
-  }
-  .el-select-dropdown__item:hover,
-  .el-select-dropdown__item.hover {
-    // background-color: rgba(110, 147, 206, 0.2);
-    // margin-right: 1px;
-  }
-  .popper__arrow::after {
-    // border-bottom-color: rgba(0, 0, 0, 0.8);;
-  }
-  .popper__arrow {
-    // border-bottom-color: rgba(0, 0, 0, 0.8);;
-  }
-  .el-select-dropdown__empty {
-    // padding: 0.2rem;
-    // font-size: 0.28rem;
-  }
-}
-.option{
-  display: flex;
-  flex-wrap: wrap;
-  max-width: 500px;
-  margin-top: 10px;
-  span{
-    margin-right: 10px;
-  }
-    .el-select-dropdown__item.selected::after{
-    content: "";
-    
-  }
-}
-.el-tabs {
-  max-width: 300px;
-}
-
-.el-dropdown-menu{
-  padding: 0;
-}
-.dateRange >>> .el-date-editor--daterange {
-  max-width: 250px;
-}
-.el-radio {
-  visibility: hidden;
-}
-.el-select{
-  width: 100%;
+.contentBox{
+    display: flex;
+    padding: 0 5px;
+    
+}
+.searchBox{
+  display: flex;
+}
+.buttonBox{
+  display: flex;
+}
+
+ .el-select__tags{
+  flex-wrap: nowrap;
+}
+ .el-form-item__content{
+  display: flex;
+  // word-spacing:-1em;
+  // min-width: 150px;
+}
+.shortcut{
+  padding: 0 10px;
+  display: flex;
+  .tabs{
+    margin: 10px 10px 10px 0;
+  }
+}
+
+ .select-popper {
+  // background-color: rgba(0, 0, 0, 0.8);;
+  // border-radius: 0.08rem;
+  // border: solid 0.02rem #1c395d;
+  // font-family: PingFangSC-Regular;
+  .el-select-dropdown__item.selected {
+    // font-family: PingFangSC-Regular;
+    // font-size: 0.28rem;
+    // color: rgba(74, 141, 253, 1);
+  }
+  .el-select-dropdown__item.selected::after{
+    content: "";
+    
+  }
+  ul{
+    // display: flex;
+    // flex-wrap: wrap;
+  }
+  .el-select-dropdown__list{
+    padding: 0;
+  }
+
+  li {
+    // color: #000;
+    // background: transparent;
+    // font-size: 0.28rem;
+    // width: 500px;
+  }
+  .el-select-dropdown__item{
+    margin-right: 10px;
+
+  }
+  .el-select-dropdown__item:hover,
+  .el-select-dropdown__item.hover {
+    // background-color: rgba(110, 147, 206, 0.2);
+    // margin-right: 1px;
+  }
+  .popper__arrow::after {
+    // border-bottom-color: rgba(0, 0, 0, 0.8);;
+  }
+  .popper__arrow {
+    // border-bottom-color: rgba(0, 0, 0, 0.8);;
+  }
+  .el-select-dropdown__empty {
+    // padding: 0.2rem;
+    // font-size: 0.28rem;
+  }
+}
+.option{
+  display: flex;
+  flex-wrap: wrap;
+  max-width: 500px;
+  margin-top: 10px;
+  span{
+    margin-right: 10px;
+  }
+    .el-select-dropdown__item.selected::after{
+    content: "";
+    
+  }
+}
+.el-tabs {
+  max-width: 300px;
+}
+
+.el-dropdown-menu{
+  padding: 0;
+}
+.dateRange >>> .el-date-editor--daterange {
+  max-width: 250px;
+}
+.el-radio {
+  visibility: hidden;
+}
+.el-select{
+  width: 100%;
 }

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>

package/src/components/Search_filter/methods.js

@@ -1,43 +1,43 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-      this.reqSeleOtion(this.selectCont, {});
-  },
-  mountedInit() {
-
-  },
-
-  // ------------------------------------------------------------------
-  // pragma mark - Event Response(响应事件)
-  // 命名规范: Name + EventHandler
-  // ------------------------------------------------------------------
-  visibleChange(status, val) {
-    if (status) {
-      this.curDataSourceObj = val;
-      this.selectOption = [];
-      this.reqSeleOtion(val, {})
-    }
-  },
-  remoteMethod(query) {
-    if (query) {
-      let sourceObj = this.curDataSourceObj;
-      let paramName = sourceObj.urlParam;
-      let params = {};
-      if (paramName) {
-        params = {
-          [paramName]: query
-        }
-      }
-      this.reqSeleOtion(sourceObj, params)
-    }
-  },
-  reqSeleOtion(val, params) {
-    this.$http.get(val.url, params).then(res => {
-      if (res.data) {
-        this.selectOption = res.data;
-      }
-    })
-  }
-}
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+      this.reqSeleOtion(this.selectCont, {});
+  },
+  mountedInit() {
+
+  },
+
+  // ------------------------------------------------------------------
+  // pragma mark - Event Response(响应事件)
+  // 命名规范: Name + EventHandler
+  // ------------------------------------------------------------------
+  visibleChange(status, val) {
+    if (status) {
+      this.curDataSourceObj = val;
+      this.selectOption = [];
+      this.reqSeleOtion(val, {})
+    }
+  },
+  remoteMethod(query) {
+    if (query) {
+      let sourceObj = this.curDataSourceObj;
+      let paramName = sourceObj.urlParam;
+      let params = {};
+      if (paramName) {
+        params = {
+          [paramName]: query
+        }
+      }
+      this.reqSeleOtion(sourceObj, params)
+    }
+  },
+  reqSeleOtion(val, params) {
+    this.$http.get(val.url, params).then(res => {
+      if (res.data) {
+        this.selectOption = res.data;
+      }
+    })
+  }
+}

package/src/components/TableCmp/data.js

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

package/src/components/TableCmp/index.scss

@@ -1,23 +1,23 @@
-.table-wrapper {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .t-search {
-    // box-shadow: 0 2px 4px rgba(0, 0, 0, .12),
-    //   0 0 6px rgba(0, 0, 0, .04);
-  }
-
-  .t-table {
-    flex: 99;
-    overflow: hidden;
-  }
-
-  .t-page {
-    height: 32px;
-    background-color: #fff;
-    border-top: 1px solid #eee;
-  }
-
+.table-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .t-search {
+    // box-shadow: 0 2px 4px rgba(0, 0, 0, .12),
+    //   0 0 6px rgba(0, 0, 0, .04);
+  }
+
+  .t-table {
+    flex: 99;
+    overflow: hidden;
+  }
+
+  .t-page {
+    height: 32px;
+    background-color: #fff;
+    border-top: 1px solid #eee;
+  }
+
 }