xs-common-plugins 1.2.4 → 1.2.6

package/src/components/Col_TableCell/index.vue

@@ -1,44 +1,44 @@
-<template>
-  <div class="Col_TableCell-wrapper">
-    <div
-      :class="['group',{ 'abs':copyClass}]"
-      v-for="(group,groupIndex) in _layout"
-      :key="groupIndex"
-    >
-      <div v-for="item in group" :key="item.id">
-        <div :class="['item-main',{ 'abs':copyClass}]" v-if="item !== 'copy' && !item.hide">
-          <span :class="[{'label':item.label},{'noLabel':!item.label}]">{{item.label}}</span>
-          <span>{{item.value}}</span>
-          <div class="copy-btn copy-btn-abs" v-if="item.copy" @click="handle_copy(group)">复制</div>
-        </div>
-        <div class="copy-btn copy-btn-abs" v-if="item == 'copy'" @click="handle_copy(group)">复制</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import data from "./data";
-import methods from "./methods";
-import { MIX_ColCellAnalysis } from "@/mixin/tableCell/colTableCell_analysis";
-
-export default {
-  props: {},
-  data,
-  methods,
-  mixins: [MIX_ColCellAnalysis],
-  components: {},
-  watch: {},
-  computed: {},
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.createdInit();
-  },
-  mounted() {
-    this.mountedInit();
-  }
-};
-</script>
+<template>
+  <div class="Col_TableCell-wrapper">
+    <div
+      :class="['group',{ 'abs':copyClass}]"
+      v-for="(group,groupIndex) in _layout"
+      :key="groupIndex"
+    >
+      <div v-for="item in group" :key="item.id">
+        <div :class="['item-main',{ 'abs':copyClass}]" v-if="item !== 'copy' && !item.hide">
+          <span :class="[{'label':item.label},{'noLabel':!item.label}]">{{item.label}}</span>
+          <span>{{item.value}}</span>
+          <div class="copy-btn copy-btn-abs" v-if="item.copy" @click="handle_copy(group)">复制</div>
+        </div>
+        <div class="copy-btn copy-btn-abs" v-if="item == 'copy'" @click="handle_copy(group)">复制</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import data from "./data";
+import methods from "./methods";
+import { MIX_ColCellAnalysis } from "@/mixin/tableCell/colTableCell_analysis";
+
+export default {
+  props: {},
+  data,
+  methods,
+  mixins: [MIX_ColCellAnalysis],
+  components: {},
+  watch: {},
+  computed: {},
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.createdInit();
+  },
+  mounted() {
+    this.mountedInit();
+  }
+};
+</script>
 <style lang="scss" src="./index.scss" scoped></style>

package/src/components/Col_TableCell/methods.js

@@ -1,20 +1,20 @@
-export default {
-  // ------------------------------------------------------------------
-  // pragma mark - inti(初始化行为)
-  // ------------------------------------------------------------------
-  createdInit() {
-  },
-  mountedInit() {
-  },
-
-  // ------------------------------------------------------------------
-  // pragma mark - Event Response(响应事件)
-  // 命名规范: Name + EventHandler
-  // ------------------------------------------------------------------
-  handle_copy(data) {
-    const newArray = data.filter(function (item, index, arr) {
-      return item !== 'copy'
-    })
-    this.$emit('copy-click', newArray)
-  },
+export default {
+  // ------------------------------------------------------------------
+  // pragma mark - inti(初始化行为)
+  // ------------------------------------------------------------------
+  createdInit() {
+  },
+  mountedInit() {
+  },
+
+  // ------------------------------------------------------------------
+  // pragma mark - Event Response(响应事件)
+  // 命名规范: Name + EventHandler
+  // ------------------------------------------------------------------
+  handle_copy(data) {
+    const newArray = data.filter(function (item, index, arr) {
+      return item !== 'copy'
+    })
+    this.$emit('copy-click', newArray)
+  },
 }

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/Hamburger/index.vue

@@ -1,44 +1,44 @@
-<template>
-  <div style="padding: 0 15px;" @click="toggleClick">
-    <svg
-      :class="{'is-active':isActive}"
-      class="hamburger"
-      viewBox="0 0 1024 1024"
-      xmlns="http://www.w3.org/2000/svg"
-      width="64"
-      height="64"
-    >
-      <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
-    </svg>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Hamburger',
-  props: {
-    isActive: {
-      type: [Boolean,Number],
-      default: false
-    }
-  },
-  methods: {
-    toggleClick() {
-      this.$emit('toggleClick')
-    }
-  }
-}
-</script>
-
-<style scoped>
-.hamburger {
-  display: inline-block;
-  vertical-align: middle;
-  width: 20px;
-  height: 20px;
-}
-
-.hamburger.is-active {
-  transform: rotate(180deg);
-}
-</style>
+<template>
+  <div style="padding: 0 15px;" @click="toggleClick">
+    <svg
+      :class="{'is-active':isActive}"
+      class="hamburger"
+      viewBox="0 0 1024 1024"
+      xmlns="http://www.w3.org/2000/svg"
+      width="64"
+      height="64"
+    >
+      <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Hamburger',
+  props: {
+    isActive: {
+      type: [Boolean,Number],
+      default: false
+    }
+  },
+  methods: {
+    toggleClick() {
+      this.$emit('toggleClick')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hamburger {
+  display: inline-block;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+}
+
+.hamburger.is-active {
+  transform: rotate(180deg);
+}
+</style>

package/src/components/ReportCmp/data.js

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

package/src/components/ReportCmp/index.scss

@@ -1,30 +1,30 @@
-.ReportCmp-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;
-  }
-
-
-
-
-.nullTable {
-  margin-top: 10px;
-}
-
+.ReportCmp-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;
+  }
+
+
+
+
+.nullTable {
+  margin-top: 10px;
+}
+
 }

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>