xs-common-plugins 1.2.3 → 1.2.5

package/src/components/search-page/src/index.vue

@@ -1,77 +1,77 @@
-<template>
-  <div v-loading="glo_loading" class="wg-search-page__wrapper">
-    <div class="search-box">
-      <wg-search
-        v-model="query"
-        :form-content="formContent"
-        :btn-content="btnContent"
-        @search-click="handleSearch"
-        @btn-click="handleCommand"
-        @btns-click="btnsClick"
-      >
-        <div slot="search_custemBtn">
-          <slot name="custemBtn" />
-        </div>
-      </wg-search>
-    </div>
-
-    <div class="body">
-      <slot />
-    </div>
-
-    <div v-if="query.pageInfo" class="paginations">
-      <el-pagination
-        class="pages"
-        :current-page.sync="query.pageInfo.page"
-        :page-sizes="[10,30,50,100, 200, 300, 400]"
-        :page-size="query.pageInfo.pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="query.pageInfo.totalCount"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import methods from "./methods";
-import { mapState } from "vuex";
-import WgSearch from "../../Search";
-
-export default {
-  name: "WGSearchPage",
-  // componentName:'',
-  mixins: [],
-  components: { WgSearch },
-  props: {
-    query: {
-      type: [Object]
-    },
-    formContent: {
-      type: [Object, Array]
-    },
-    btnContent: {
-      type: [Object, Array]
-    }
-  },
-  data() {
-    return {};
-  },
-  computed: { ...mapState(["glo_loading"]) },
-  methods
-};
-</script>
-
-<style lang="scss" >
-.wg-search-page__wrapper {
-  height: 100%;
-
-  .body {
-    height: 100%;
-    padding: 0px 0px 67px 0px;
-
-    overflow-y: auto;
-  }
-}
+<template>
+  <div v-loading="glo_loading" class="wg-search-page__wrapper">
+    <div class="search-box">
+      <wg-search
+        v-model="query"
+        :form-content="formContent"
+        :btn-content="btnContent"
+        @search-click="handleSearch"
+        @btn-click="handleCommand"
+        @btns-click="btnsClick"
+      >
+        <div slot="search_custemBtn">
+          <slot name="custemBtn" />
+        </div>
+      </wg-search>
+    </div>
+
+    <div class="body">
+      <slot />
+    </div>
+
+    <div v-if="query.pageInfo" class="paginations">
+      <el-pagination
+        class="pages"
+        :current-page.sync="query.pageInfo.page"
+        :page-sizes="[10,30,50,100, 200, 300, 400]"
+        :page-size="query.pageInfo.pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="query.pageInfo.totalCount"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import methods from "./methods";
+import { mapState } from "vuex";
+import WgSearch from "../../Search";
+
+export default {
+  name: "WGSearchPage",
+  // componentName:'',
+  mixins: [],
+  components: { WgSearch },
+  props: {
+    query: {
+      type: [Object]
+    },
+    formContent: {
+      type: [Object, Array]
+    },
+    btnContent: {
+      type: [Object, Array]
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: { ...mapState(["glo_loading"]) },
+  methods
+};
+</script>
+
+<style lang="scss" >
+.wg-search-page__wrapper {
+  height: 100%;
+
+  .body {
+    height: 100%;
+    padding: 0px 0px 67px 0px;
+
+    overflow-y: auto;
+  }
+}
 </style>

package/src/components/search-page/src/methods.js

@@ -1,36 +1,36 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  handleSelectionChange(val) {
-    this.$emit("select-change", val);
-  },
-  handleCommand(val) {
-    this.$emit("btn-click", val);
-  },
-  btnsClick(obj) {
-    this.$emit("btns-click", obj);
-  },
-  handleSearch() {
-    this.handleCurrentChange(1);
-  },
-
-  handleSizeChange(val) {
-    this.query.pageInfo.pageSize = val;
-    this.$emit("loadData");
-  },
-
-  handleCurrentChange(val) {
-    console.log('this.query', this.query);
-    this.query.pageInfo.page = val;
-    this.$emit("loadData");
-  },
-
-  customSortChange(obj) {
-    this.query.orderAsc = obj.order == "ascending" ? true : false;
-    this.query.orderBy = obj.prop;
-    if (obj.order) {
-      this.$emit("loadData");
-    }
-  }
-};
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  handleSelectionChange(val) {
+    this.$emit("select-change", val);
+  },
+  handleCommand(val) {
+    this.$emit("btn-click", val);
+  },
+  btnsClick(obj) {
+    this.$emit("btns-click", obj);
+  },
+  handleSearch() {
+    this.handleCurrentChange(1);
+  },
+
+  handleSizeChange(val) {
+    this.query.pageInfo.pageSize = val;
+    this.$emit("loadData");
+  },
+
+  handleCurrentChange(val) {
+    console.log('this.query', this.query);
+    this.query.pageInfo.page = val;
+    this.$emit("loadData");
+  },
+
+  customSortChange(obj) {
+    this.query.orderAsc = obj.order == "ascending" ? true : false;
+    this.query.orderBy = obj.prop;
+    if (obj.order) {
+      this.$emit("loadData");
+    }
+  }
+};

package/src/components/xsSelect/index.vue

@@ -1,126 +1,126 @@
-<template>
-  <div class="XSSelect">
-    <el-select 
-        v-model="selectVal" 
-        default-first-option
-        :placeholder="placeholder" 
-        :disabled="disabled" 
-        :clearable="clearable" 
-        :multiple="multiple"
-        :collapse-tags="collapseTags"
-        :filterable="filterable"
-        :remote="remote"
-        :remote-method="remoteMethod"
-        @change="changeMethod"
-        @remove-tag="removeTag"
-        @clear="clear"
-        @blur="blur"
-        @focus="focus"
-    >
-        <el-option
-            v-for="(item, index) in options"
-            :key="index"
-            :label="item[label]"
-            :value="item[code]"
-        >
-            <template v-if="label2">
-                <span style="float: left">{{ item[label] }}</span>
-                <span style="float: right; color: #8492a6; font-size: 13px">{{ item[label2] }}</span>
-            </template>
-        </el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-export default {
-    name: 'XSSelect',
-    props: {
-        placeholder: {
-            type: String,
-            default: '请选择'
-        },
-        value: {
-            type: [String, Number, Array]
-        },
-        options: { // 下拉列表
-            type: [Array, String],
-        },
-        label: { // 下拉显示的值
-            type: String,
-            default: 'name'
-        },
-        label2: { // 下拉要显示两栏， 第二栏显示的值
-            type: String,
-        },
-        code: { // 下拉选项绑定value 的字段
-            type: String,
-            default: 'id'
-        },
-        disabled: {  // 禁用
-            type: [Boolean, String],
-            default: false
-        },
-        clearable:{ // 可删除
-            type: [Boolean, String],
-            default: true
-        },
-        multiple: { // 多选
-            type: [Boolean, String],
-            default: false
-        },
-        collapseTags: { // 多选超过一条显示+号
-            type: [Boolean, String],
-            default: false
-        },
-        filterable: { // 可搜索
-            type: [Boolean, String],
-            default: true
-        },
-        remote: { // 远程搜索
-            type: [Boolean, String],
-            default: false
-        },
-    },
-    data() {
-        return {
-            selectVal: this.value,
-        }
-    },
-    watch: {
-        value: {
-            handler (newVal) {
-                this.selectVal = newVal
-            },
-            deep: true,
-            immediate: true
-        },
-    },
-    methods: {
-        remoteMethod (val) {
-            this.$emit("remoteMethod", val)
-        },
-        changeMethod (val){
-            let row = this.options.find(item => item[this.code] == val)
-            this.$emit('input', val)
-            this.$emit('change', row?row:[])
-        },
-        removeTag (val) {
-            this.$emit('removeTag', val)
-        },
-        clear () {
-            this.$emit('clear')
-        },
-        blur (e) {
-            this.$emit('blur', e)
-        },
-        focus (e) {
-            this.$emit('blur', e)
-        }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-
+<template>
+  <div class="XSSelect">
+    <el-select 
+        v-model="selectVal" 
+        default-first-option
+        :placeholder="placeholder" 
+        :disabled="disabled" 
+        :clearable="clearable" 
+        :multiple="multiple"
+        :collapse-tags="collapseTags"
+        :filterable="filterable"
+        :remote="remote"
+        :remote-method="remoteMethod"
+        @change="changeMethod"
+        @remove-tag="removeTag"
+        @clear="clear"
+        @blur="blur"
+        @focus="focus"
+    >
+        <el-option
+            v-for="(item, index) in options"
+            :key="index"
+            :label="item[label]"
+            :value="item[code]"
+        >
+            <template v-if="label2">
+                <span style="float: left">{{ item[label] }}</span>
+                <span style="float: right; color: #8492a6; font-size: 13px">{{ item[label2] }}</span>
+            </template>
+        </el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+export default {
+    name: 'XSSelect',
+    props: {
+        placeholder: {
+            type: String,
+            default: '请选择'
+        },
+        value: {
+            type: [String, Number, Array]
+        },
+        options: { // 下拉列表
+            type: [Array, String],
+        },
+        label: { // 下拉显示的值
+            type: String,
+            default: 'name'
+        },
+        label2: { // 下拉要显示两栏， 第二栏显示的值
+            type: String,
+        },
+        code: { // 下拉选项绑定value 的字段
+            type: String,
+            default: 'id'
+        },
+        disabled: {  // 禁用
+            type: [Boolean, String],
+            default: false
+        },
+        clearable:{ // 可删除
+            type: [Boolean, String],
+            default: true
+        },
+        multiple: { // 多选
+            type: [Boolean, String],
+            default: false
+        },
+        collapseTags: { // 多选超过一条显示+号
+            type: [Boolean, String],
+            default: false
+        },
+        filterable: { // 可搜索
+            type: [Boolean, String],
+            default: true
+        },
+        remote: { // 远程搜索
+            type: [Boolean, String],
+            default: false
+        },
+    },
+    data() {
+        return {
+            selectVal: this.value,
+        }
+    },
+    watch: {
+        value: {
+            handler (newVal) {
+                this.selectVal = newVal
+            },
+            deep: true,
+            immediate: true
+        },
+    },
+    methods: {
+        remoteMethod (val) {
+            this.$emit("remoteMethod", val)
+        },
+        changeMethod (val){
+            let row = this.options.find(item => item[this.code] == val)
+            this.$emit('input', val)
+            this.$emit('change', row?row:[])
+        },
+        removeTag (val) {
+            this.$emit('removeTag', val)
+        },
+        clear () {
+            this.$emit('clear')
+        },
+        blur (e) {
+            this.$emit('blur', e)
+        },
+        focus (e) {
+            this.$emit('blur', e)
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+
 </style>

package/src/mixin/dialog.js

@@ -1,31 +1,31 @@
-export const MIX_Dialog = {
-    data: function () {
-        return {
-            self_visible: false
-        }
-    },
-    props: {
-        title: {
-            type: String
-        },
-        visible: {
-            type: Boolean
-        },
-        width: {
-            type: String
-        }
-    },
-    watch: {
-        visible(val) {
-            this.self_visible = val;
-        }
-    },
-    methods: {
-        /**
-         *  弹窗关闭同步给父组件
-         */
-        handleClose() {
-            this.$emit("update:visible", false);
-        }
-    },
-}
+export const MIX_Dialog = {
+    data: function () {
+        return {
+            self_visible: false
+        }
+    },
+    props: {
+        title: {
+            type: String
+        },
+        visible: {
+            type: Boolean
+        },
+        width: {
+            type: String
+        }
+    },
+    watch: {
+        visible(val) {
+            this.self_visible = val;
+        }
+    },
+    methods: {
+        /**
+         *  弹窗关闭同步给父组件
+         */
+        handleClose() {
+            this.$emit("update:visible", false);
+        }
+    },
+}

package/src/mixin/dlg.js

@@ -1,46 +1,46 @@
-export const MIX_Dlg = {
-    props: {
-        title: {
-            type: String
-        },
-        visible: {
-            type: Boolean
-        },
-        width: {
-            type: String,
-            default: '80%'
-        }
-    },
-    data: function () {
-        return {}
-    },
-    computed: {
-        _visible: {
-            get() {
-                return this.visible;
-            },
-            set(val) {
-                if (val) {
-                    this.handleOpen();
-                    this.$emit("open");
-                } else {
-                    this.$emit("close");
-                }
-            },
-        },
-    },
-    watch: {
-        visible(val) {
-            this.self_visible = val;
-        }
-    },
-    methods: {
-        handleOpen() {
-            console.log("mixn 执行初始化函数");
-        },
-        handleClose() {
-            console.log("mixn 执行销毁函数");
-            this.$emit("update:visible", false);
-        },
-    },
-}
+export const MIX_Dlg = {
+    props: {
+        title: {
+            type: String
+        },
+        visible: {
+            type: Boolean
+        },
+        width: {
+            type: String,
+            default: '80%'
+        }
+    },
+    data: function () {
+        return {}
+    },
+    computed: {
+        _visible: {
+            get() {
+                return this.visible;
+            },
+            set(val) {
+                if (val) {
+                    this.handleOpen();
+                    this.$emit("open");
+                } else {
+                    this.$emit("close");
+                }
+            },
+        },
+    },
+    watch: {
+        visible(val) {
+            this.self_visible = val;
+        }
+    },
+    methods: {
+        handleOpen() {
+            console.log("mixn 执行初始化函数");
+        },
+        handleClose() {
+            console.log("mixn 执行销毁函数");
+            this.$emit("update:visible", false);
+        },
+    },
+}