xs-common-plugins 1.2.0 → 1.2.3

package/src/components/CheckBox_Cmp/index.vue

@@ -1,62 +1,62 @@
-<template>
-  <div class="checkbox-wrap">
-    <el-checkbox-group v-model="checkList" @change="handleChecked">
-      <el-checkbox
-        v-for="(item,index) in checkSourceList"
-        :key="index"
-        :label="item.Id"
-      >{{ item.Text }}</el-checkbox>
-    </el-checkbox-group>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    value: [String, Number],
-    sourceData: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      checkSourceList: this.sourceData,
-      checkList: [],
-      selfValue: this.value
-    }
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(val) {
-        this.selfValue = val
-      }
-    }
-  },
-  created() {
-    this.backFill()
-  },
-  methods: {
-    handleChecked(val) {
-      let count = 0
-      val.forEach((item) => {
-        this.checkSourceList.forEach((_item) => {
-          if (item == _item.Id) {
-            count += item
-          }
-        })
-      })
-      this.$emit('input', count)
-    },
-    backFill() {
-      const _this = this
-      const arr = this.checkSourceList.map(item => { return item.Id })
-      arr.forEach((item, index) => {
-        if ((_this.selfValue & item) > 0) {
-          this.checkList.push(this.checkSourceList[index].Id)
-        }
-      })
-    }
-  }
-}
-</script>
+<template>
+  <div class="checkbox-wrap">
+    <el-checkbox-group v-model="checkList" @change="handleChecked">
+      <el-checkbox
+        v-for="(item,index) in checkSourceList"
+        :key="index"
+        :label="item.Id"
+      >{{ item.Text }}</el-checkbox>
+    </el-checkbox-group>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    value: [String, Number],
+    sourceData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      checkSourceList: this.sourceData,
+      checkList: [],
+      selfValue: this.value
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(val) {
+        this.selfValue = val
+      }
+    }
+  },
+  created() {
+    this.backFill()
+  },
+  methods: {
+    handleChecked(val) {
+      let count = 0
+      val.forEach((item) => {
+        this.checkSourceList.forEach((_item) => {
+          if (item == _item.Id) {
+            count += item
+          }
+        })
+      })
+      this.$emit('input', count)
+    },
+    backFill() {
+      const _this = this
+      const arr = this.checkSourceList.map(item => { return item.Id })
+      arr.forEach((item, index) => {
+        if ((_this.selfValue & item) > 0) {
+          this.checkList.push(this.checkSourceList[index].Id)
+        }
+      })
+    }
+  }
+}
+</script>

package/src/components/FormItem/index.vue

@@ -1,93 +1,93 @@
-<template>
-    <el-col :span="width">
-        <el-form-item :label="name" :prop="prop">
-            <template v-if="!isSlot">
-                <div class="space">
-                    <el-input v-if="type == 'input'"  v-model="formVal" />
-                    <XSSelect v-else-if="type == 'select'" v-model="formVal" :options="options" :multiple="multiple  ? multiple : false" />
-                    <UploadImg v-else-if="type == 'image'" v-model="formVal" />
-                    <el-input  v-else-if="type == 'textarea'" v-model="formVal" type="textarea"  :autosize="{ minRows: 2, maxRows: 4}"  placeholder="请输入内容"></el-input>
-                </div>
-            </template>
-            <template>
-                <div class="space">
-                    <slot :name="slotName"></slot>
-                </div>
-            </template>
-        </el-form-item>
-    </el-col>
-</template>
-
-<script>
-import XSSelect from '@/components/xsSelect/index'
-import UploadImg from '@/components/UploadImg/index'
-export default {
-    name: 'formItem',
-    components: {
-        XSSelect,
-        UploadImg
-    },
-    props: {
-        options: {
-            type: Array,
-            default: () => []
-        },
-        width: {
-            type: [String, Number],
-            default: 12
-        },
-        multiple: {
-            type: [String, Boolean],
-            default: false
-        },
-        name: {
-            type: String
-        },
-        type: {
-            type: String,
-            default: 'input'
-        },
-        value: {
-            type: [String, Number, Array]
-        },
-        isSlot: {
-            type: [String, Boolean],
-            default: false
-        },
-        slotName: {
-            type: String
-        },
-        prop: {
-            type: String
-        }
-    },
-    watch: {
-        value: {
-            handler (newVal) {
-                this.formVal = newVal
-            },
-            immediate: true,
-            deep: true
-        },
-        formVal: {
-            handler(newVal) {
-                this.$emit('input', newVal)
-            },
-            deep: true,
-            immediate: true,
-        }
-    },
-    data () {
-        return {
-            formVal: this.value,
-            url: '',
-        }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-    .space {
-        margin: 3px 0;
-    }
+<template>
+    <el-col :span="width">
+        <el-form-item :label="name" :prop="prop">
+            <template v-if="!isSlot">
+                <div class="space">
+                    <el-input v-if="type == 'input'"  v-model="formVal" />
+                    <XSSelect v-else-if="type == 'select'" v-model="formVal" :options="options" :multiple="multiple  ? multiple : false" />
+                    <UploadImg v-else-if="type == 'image'" v-model="formVal" />
+                    <el-input  v-else-if="type == 'textarea'" v-model="formVal" type="textarea"  :autosize="{ minRows: 2, maxRows: 4}"  placeholder="请输入内容"></el-input>
+                </div>
+            </template>
+            <template>
+                <div class="space">
+                    <slot :name="slotName"></slot>
+                </div>
+            </template>
+        </el-form-item>
+    </el-col>
+</template>
+
+<script>
+import XSSelect from '@/components/xsSelect/index'
+import UploadImg from '@/components/UploadImg/index'
+export default {
+    name: 'formItem',
+    components: {
+        XSSelect,
+        UploadImg
+    },
+    props: {
+        options: {
+            type: Array,
+            default: () => []
+        },
+        width: {
+            type: [String, Number],
+            default: 12
+        },
+        multiple: {
+            type: [String, Boolean],
+            default: false
+        },
+        name: {
+            type: String
+        },
+        type: {
+            type: String,
+            default: 'input'
+        },
+        value: {
+            type: [String, Number, Array]
+        },
+        isSlot: {
+            type: [String, Boolean],
+            default: false
+        },
+        slotName: {
+            type: String
+        },
+        prop: {
+            type: String
+        }
+    },
+    watch: {
+        value: {
+            handler (newVal) {
+                this.formVal = newVal
+            },
+            immediate: true,
+            deep: true
+        },
+        formVal: {
+            handler(newVal) {
+                this.$emit('input', newVal)
+            },
+            deep: true,
+            immediate: true,
+        }
+    },
+    data () {
+        return {
+            formVal: this.value,
+            url: '',
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+    .space {
+        margin: 3px 0;
+    }
 </style>

package/src/components/ReportCmp/index.vue

@@ -1,76 +1,76 @@
-<template>
-  <div v-loading="glo_loading" class="ReportCmp-wrapper">
-    <div class="t-search">
-      <search-cmp 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>
-      </search-cmp>
-    </div>
-
-    <div class="t-table">
-      <el-table v-if="query.data && query.data.data && query.data.data.length > 0" ref="table" size="mini"
-        :data="query.data.data" style="width: 100%" :height="'100%'" :show-summary="showSummary || query.report.totalCol == 2" border fit
-        highlight-current-row :row-class-name="rowClassName" @selection-change="handleSelectionChange"
-        @sort-change="customSortChange">
-        <!--:fixed="idx==0"-->
-        <el-table-column :label="rowGroup.title" header-align="center">
-          <el-table-column v-for="col in rowGroup.columns" :key="col.field" :prop="col.field+''" :label="col.title"
-            header-align="center" align="left" width="120" />
-          f
-        </el-table-column>
-
-        <el-table-column v-for="(sheet,idx) in dataSheet" :key="idx" :label="sheet.title" header-align="center">
-          <el-table-column v-for="col in sheet.columns" :key="col.field" :prop="col.field+''" :label="col.title"
-            header-align="center" align="right" width="120" />
-        </el-table-column>
-        <el-table-column />
-
-      </el-table>
-      <el-table v-else class="nullTable" :data="[]" style="width: 100%" />
-    </div>
-  </div>
-</template>
-
-<script>
-import data from "./data";
-import methods from "./methods";
-import SearchCmp from "../Search";
-import { mapState } from "vuex";
-export default {
-  name: "Report",
-  props: {
-    query: {
-      type: [Object],
-    },
-    formContent: {
-      type: [Object, Array],
-    },
-    btnContent: {
-      type: [Object, Array],
-    },
-    rowClassName: {
-      type: [String, Function],
-    }, // 合计
-    showSummary: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data,
-  computed: {
-    ...mapState(["glo_loading"]),
-    rowGroup: function () {
-      return this.query.data.colGroups[0];
-    },
-    dataSheet: function () {
-      return this.query.data.colGroups.filter((val, idx) => idx > 0);
-    },
-  },
-  mounted() {},
-  methods,
-  components: { SearchCmp },
-};
-</script>
-<style lang="scss" src="./index.scss" scoped></style>
+<template>
+  <div v-loading="glo_loading" class="ReportCmp-wrapper">
+    <div class="t-search">
+      <search-cmp 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>
+      </search-cmp>
+    </div>
+
+    <div class="t-table">
+      <el-table v-if="query.data && query.data.data && query.data.data.length > 0" ref="table" size="mini"
+        :data="query.data.data" style="width: 100%" :height="'100%'" :show-summary="showSummary || query.report.totalCol == 2" border fit
+        highlight-current-row :row-class-name="rowClassName" @selection-change="handleSelectionChange"
+        @sort-change="customSortChange">
+        <!--:fixed="idx==0"-->
+        <el-table-column :label="rowGroup.title" header-align="center">
+          <el-table-column v-for="col in rowGroup.columns" :key="col.field" :prop="col.field+''" :label="col.title"
+            header-align="center" align="left" width="120" />
+          f
+        </el-table-column>
+
+        <el-table-column v-for="(sheet,idx) in dataSheet" :key="idx" :label="sheet.title" header-align="center">
+          <el-table-column v-for="col in sheet.columns" :key="col.field" :prop="col.field+''" :label="col.title"
+            header-align="center" align="right" width="120" />
+        </el-table-column>
+        <el-table-column />
+
+      </el-table>
+      <el-table v-else class="nullTable" :data="[]" style="width: 100%" />
+    </div>
+  </div>
+</template>
+
+<script>
+import data from "./data";
+import methods from "./methods";
+import SearchCmp from "../Search";
+import { mapState } from "vuex";
+export default {
+  name: "Report",
+  props: {
+    query: {
+      type: [Object],
+    },
+    formContent: {
+      type: [Object, Array],
+    },
+    btnContent: {
+      type: [Object, Array],
+    },
+    rowClassName: {
+      type: [String, Function],
+    }, // 合计
+    showSummary: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data,
+  computed: {
+    ...mapState(["glo_loading"]),
+    rowGroup: function () {
+      return this.query.data.colGroups[0];
+    },
+    dataSheet: function () {
+      return this.query.data.colGroups.filter((val, idx) => idx > 0);
+    },
+  },
+  mounted() {},
+  methods,
+  components: { SearchCmp },
+};
+</script>
+<style lang="scss" src="./index.scss" scoped></style>