xs-common-plugins 1.1.2 → 1.1.6

package/src/components/report_set/index.scss

@@ -1,45 +1,45 @@
-.report-set-wrapper {
-    min-width: 550px;
-
-    .el-row {
-        margin: 4px 0;
-    }
-
-    .el-select>.el-input {
-        width: 440px;
-    }
-
-    .el-form-item {
-        display: flex;
-        align-items: center;
-    }
-
-    .el-radio-group {
-        margin-top: 0;
-    }
-
-    .el-form-item__content {
-        line-height: initial;
-    }
-
-    .el-checkbox {
-        margin-right: 10px;
-    }
-
-    .el-col {
-        display: flex;
-        align-items: center;
-
-        >span {
-            width: 80px;
-            text-align: right;
-            vertical-align: middle;
-            float: left;
-            font-size: 14px;
-            color: #606266;
-            line-height: 28px;
-            padding: 0 12px 0 0;
-            box-sizing: border-box;
-        }
-    }
+.report-set-wrapper {
+    min-width: 550px;
+
+    .el-row {
+        margin: 4px 0;
+    }
+
+    .el-select>.el-input {
+        width: 440px;
+    }
+
+    .el-form-item {
+        display: flex;
+        align-items: center;
+    }
+
+    .el-radio-group {
+        margin-top: 0;
+    }
+
+    .el-form-item__content {
+        line-height: initial;
+    }
+
+    .el-checkbox {
+        margin-right: 10px;
+    }
+
+    .el-col {
+        display: flex;
+        align-items: center;
+
+        >span {
+            width: 80px;
+            text-align: right;
+            vertical-align: middle;
+            float: left;
+            font-size: 14px;
+            color: #606266;
+            line-height: 28px;
+            padding: 0 12px 0 0;
+            box-sizing: border-box;
+        }
+    }
 }

package/src/components/report_set/index.vue

@@ -1,153 +1,153 @@
-<template>
-  <div class="report-set-wrapper">
-    <el-row>
-      <el-col :span="24">
-        <span>行分组</span>
-        <el-select v-model="inputValue.rowGroups" clearable multiple placeholder="请选择" size="mini">
-          <el-option v-for="item in jsonCfgToObj.rowGroups" :key="item" :label="item" :value="item" />
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="24">
-        <span>输出字段</span>
-        <el-select v-model="inputValue.columns" clearable multiple placeholder="请选择" size="mini">
-          <el-option v-for="item in jsonCfgToObj.columns" :key="item" :label="item" :value="item" />
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="24">
-        <span>列分组</span>
-        <el-select v-model="inputValue.colGroup" clearable placeholder="请选择" size="mini">
-          <el-option v-for="item in jsonCfgToObj.rowGroups" :key="item" :label="item" :value="item" />
-        </el-select>
-      </el-col>
-    </el-row>
-    <!-- <el-row>
-      <el-col :span="24">
-        <span>显示</span>
-        <el-radio-group v-model="report.totalRow" size="mini">
-          <el-radio-button label="表格"></el-radio-button>
-          <el-radio-button label="柱状"></el-radio-button>
-          <el-radio-button label="折线图"></el-radio-button>
-        </el-radio-group>
-      </el-col>
-    </!-->
-    <el-row>
-      <el-col :span="24">
-        <span>行合计</span>
-        <el-radio-group v-model="inputValue.totalRow">
-          <el-radio
-            v-for="item in $orgEnum['ZR.PovitReport.ShowTotal']"
-            v-if="JSON.stringify(item) !== '{}'"
-            :key="item.id"
-            :label="item.Id"
-          >{{ item.Name }}</el-radio>
-        </el-radio-group>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="24">
-        <span>列合计</span>
-        <el-radio-group v-model="inputValue.totalCol">
-          <el-radio
-            v-for="item in $orgEnum['ZR.PovitReport.ShowTotal']"
-            v-if="JSON.stringify(item) !== '{}' "
-            :key="item.id"
-            :label="item.Id"
-          >{{ item.Name }}</el-radio>
-        </el-radio-group>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="24">
-        <span>排序</span>
-        <el-checkbox v-model="inputValue.colAsc">列升序排序</el-checkbox>
-        <el-checkbox v-model="inputValue.rowAsc">行升序排序</el-checkbox>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { isPlainObject } from '@/common/utils'
-export default {
-  name: 'ReportSet',
-  components: {},
-  props: {
-    value: [String, Object],
-    jsonCfg: String,
-    modelType: {
-      type: String,
-      default: 'json'
-    }
-  },
-  data() {
-    return {
-      jsonCfgToObj: {},
-      inputValue: {
-        colAsc: false, // 列排序
-        rowAsc: false, // 行排序
-        colGroup: '',
-        columns: [],
-        rowGroups: [],
-        totalCol: 2, // 枚举
-        totalRow: 2 // 枚举
-      }
-    }
-  },
-  computed: {},
-  watch: {
-    value: {
-      handler(newValue) {
-        if (!newValue) return
-        if (isPlainObject(newValue)) {
-          this.inputValue = newValue
-        } else {
-          this.inputValue = JSON.parse(newValue)
-        }
-      },
-      deep: true,
-      immediate: true
-    },
-    inputValue: {
-      handler(newValue) {
-        // newValue["AllCollFields"] = newValue.columns;
-        // newValue["AllGroupFields"] = newValue.rowGroups;
-
-        if (this.modelType === 'Object') {
-          this.$emit('input', newValue)
-        } else {
-          this.$emit('input', JSON.stringify(newValue))
-        }
-      },
-      deep: true
-    },
-    jsonCfg: {
-      handler(newValue) {
-        console.log('load', newValue)
-        if (isPlainObject(newValue)) {
-          this.jsonCfgToObj = newValue
-        } else {
-          this.jsonCfgToObj = JSON.parse(newValue)
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  // ------------------------------------------------------------------
-  // pragma mark - Life Cycle(生命周期)
-  // ------------------------------------------------------------------
-  created() {
-    this.defaultDataReport = JSON.parse(JSON.stringify(this.inputValue))
-  },
-  beforeDestroy() {
-    // 组件销毁前，清空表单项
-    this.inputValue = this.defaultDataReport
-  }
-}
-</script>
-<style lang="scss" src="./index.scss" ></style>
-
+<template>
+  <div class="report-set-wrapper">
+    <el-row>
+      <el-col :span="24">
+        <span>行分组</span>
+        <el-select v-model="inputValue.rowGroups" clearable multiple placeholder="请选择" size="mini">
+          <el-option v-for="item in jsonCfgToObj.rowGroups" :key="item" :label="item" :value="item" />
+        </el-select>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <span>输出字段</span>
+        <el-select v-model="inputValue.columns" clearable multiple placeholder="请选择" size="mini">
+          <el-option v-for="item in jsonCfgToObj.columns" :key="item" :label="item" :value="item" />
+        </el-select>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <span>列分组</span>
+        <el-select v-model="inputValue.colGroup" clearable placeholder="请选择" size="mini">
+          <el-option v-for="item in jsonCfgToObj.rowGroups" :key="item" :label="item" :value="item" />
+        </el-select>
+      </el-col>
+    </el-row>
+    <!-- <el-row>
+      <el-col :span="24">
+        <span>显示</span>
+        <el-radio-group v-model="report.totalRow" size="mini">
+          <el-radio-button label="表格"></el-radio-button>
+          <el-radio-button label="柱状"></el-radio-button>
+          <el-radio-button label="折线图"></el-radio-button>
+        </el-radio-group>
+      </el-col>
+    </!-->
+    <el-row>
+      <el-col :span="24">
+        <span>行合计</span>
+        <el-radio-group v-model="inputValue.totalRow">
+          <el-radio
+            v-for="item in $orgEnum['ZR.PovitReport.ShowTotal']"
+            v-if="JSON.stringify(item) !== '{}'"
+            :key="item.id"
+            :label="item.Id"
+          >{{ item.Name }}</el-radio>
+        </el-radio-group>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <span>列合计</span>
+        <el-radio-group v-model="inputValue.totalCol">
+          <el-radio
+            v-for="item in $orgEnum['ZR.PovitReport.ShowTotal']"
+            v-if="JSON.stringify(item) !== '{}' "
+            :key="item.id"
+            :label="item.Id"
+          >{{ item.Name }}</el-radio>
+        </el-radio-group>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <span>排序</span>
+        <el-checkbox v-model="inputValue.colAsc">列升序排序</el-checkbox>
+        <el-checkbox v-model="inputValue.rowAsc">行升序排序</el-checkbox>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { isPlainObject } from '@/common/utils'
+export default {
+  name: 'ReportSet',
+  components: {},
+  props: {
+    value: [String, Object],
+    jsonCfg: String,
+    modelType: {
+      type: String,
+      default: 'json'
+    }
+  },
+  data() {
+    return {
+      jsonCfgToObj: {},
+      inputValue: {
+        colAsc: false, // 列排序
+        rowAsc: false, // 行排序
+        colGroup: '',
+        columns: [],
+        rowGroups: [],
+        totalCol: 2, // 枚举
+        totalRow: 2 // 枚举
+      }
+    }
+  },
+  computed: {},
+  watch: {
+    value: {
+      handler(newValue) {
+        if (!newValue) return
+        if (isPlainObject(newValue)) {
+          this.inputValue = newValue
+        } else {
+          this.inputValue = JSON.parse(newValue)
+        }
+      },
+      deep: true,
+      immediate: true
+    },
+    inputValue: {
+      handler(newValue) {
+        // newValue["AllCollFields"] = newValue.columns;
+        // newValue["AllGroupFields"] = newValue.rowGroups;
+
+        if (this.modelType === 'Object') {
+          this.$emit('input', newValue)
+        } else {
+          this.$emit('input', JSON.stringify(newValue))
+        }
+      },
+      deep: true
+    },
+    jsonCfg: {
+      handler(newValue) {
+        console.log('load', newValue)
+        if (isPlainObject(newValue)) {
+          this.jsonCfgToObj = newValue
+        } else {
+          this.jsonCfgToObj = JSON.parse(newValue)
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  // ------------------------------------------------------------------
+  // pragma mark - Life Cycle(生命周期)
+  // ------------------------------------------------------------------
+  created() {
+    this.defaultDataReport = JSON.parse(JSON.stringify(this.inputValue))
+  },
+  beforeDestroy() {
+    // 组件销毁前，清空表单项
+    this.inputValue = this.defaultDataReport
+  }
+}
+</script>
+<style lang="scss" src="./index.scss" ></style>
+

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

@@ -1,6 +1,6 @@
-.wg-search-page__wrapper {
-    width: 100%;
-    .body {
-        width: 100%;
-    }
+.wg-search-page__wrapper {
+    width: 100%;
+    .body {
+        width: 100%;
+    }
 }

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");
+    }
+  }
+};