imatrix-ui 2.8.21-dw → 2.8.21

package/packages/super-nine-grid/src/search-form.vue

@@ -0,0 +1,430 @@
+<template>
+  <el-form v-if="searchableColumns.length > 0" ref="searchForm" :model="searchForm" :rules="rules" :label-width="labelWidth" :label-position="query.queryLabelPosition" class="grid-search-form" size="mini">
+    <table>
+      <tr v-for="r of rowNum" :key="r">
+        <td v-for="n of getColumnNumPerRow(r,searchableColumns.length)" :key="n">
+          <el-form-item :prop="searchableColumns[fieldNum*(r-1)+(n-1)].prop" :label-width="searchableColumns[fieldNum*(r-1)+(n-1)].searchLabelWidth?searchableColumns[fieldNum*(r-1)+(n-1)].searchLabelWidth:'80px'" :style="{paddingLeft:'10px',minWidth:'200px'}">
+            <template slot="label">
+              <span v-if="searchableColumns[fieldNum*(r-1)+(n-1)].searchLabel && searchableColumns[fieldNum*(r-1)+(n-1)].searchLabel !== ''" v-html="searchableColumns[fieldNum*(r-1)+(n-1)].searchLabel.replace(/\\n/g, '</br>')" />
+              <span v-else v-html="searchableColumns[fieldNum*(r-1)+(n-1)].label.replace(/\\n/g, '</br>')" />
+            </template>
+            <el-date-picker
+              v-if="searchableColumns[fieldNum*(r-1)+(n-1)].dataType === 'DATE' || searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='date' "
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              type="daterange"
+              :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth"
+              :range-separator="$t('imatrixUIPublicModel.to')"
+              unlink-panels
+              :start-placeholder="$t('imatrixUIMessage.startDate')"
+              :end-placeholder="$t('imatrixUIMessage.endDate')"
+              value-format="yyyy-MM-dd"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            />
+
+            <el-date-picker
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='dateTimePicker'"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              type="datetimerange"
+              :range-separator="$t('imatrixUIPublicModel.to')"
+              unlink-panels
+              :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth"
+              :start-placeholder="$t('imatrixUIMessage.startDate')"
+              :end-placeholder="$t('imatrixUIMessage.endDate')"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            />
+
+            <el-date-picker
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].dataType === 'TIME' && searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='timepicker'"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              type="datetimerange"
+              :range-separator="$t('imatrixUIPublicModel.to')"
+              unlink-panels
+              :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth"
+              :start-placeholder="$t('imatrixUIMessage.startDate')"
+              :end-placeholder="$t('imatrixUIMessage.endDate')"
+              value-format="HH:mm:ss"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            />
+
+            <el-time-picker
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='timepicker' && searchableColumns[fieldNum*(r-1)+(n-1)].dataType !== 'TIME' && searchableColumns[fieldNum*(r-1)+(n-1)].dataType !== 'DATE' "
+              type="fixed-time"
+              :placeholder="$t('imatrixUIMessage.selectTime')"
+              style="width: 100%;"
+              value-format="HH:mm:ss"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            />
+            <el-select
+              v-else-if="(searchableColumns[fieldNum*(r-1)+(n-1)].componentType && searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='select') || searchableColumns[fieldNum*(r-1)+(n-1)].dataType === 'BOOLEAN'"
+              clearable
+              :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth"
+              :placeholder="$t('imatrixUIMessage.pleaseSelect')"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            >
+              <el-option
+                v-for="item in searchableColumns[fieldNum*(r-1)+(n-1)].valueSet"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+            <el-select
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].componentType && searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='multiselect'"
+              clearable
+              multiple
+              :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth"
+              collapse-tags
+              :placeholder="$t('imatrixUIMessage.pleaseSelect')"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            >
+              <el-option
+                v-for="item in searchableColumns[fieldNum*(r-1)+(n-1)].valueSet"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+            <!--
+            <el-input-number
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].componentType && searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='inputNumber'"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            /> -->
+
+            <search-form-number
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].componentType && searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='inputNumber'"
+              :r="r"
+              :n="n"
+              @setValue="setNumberValue"
+            />
+
+            <el-switch
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].componentType && searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='switch'"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            />
+            <el-slider
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].componentType && searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='slider'"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            />
+
+            <el-rate
+              v-else-if="searchableColumns[fieldNum*(r-1)+(n-1)].componentType && searchableColumns[fieldNum*(r-1)+(n-1)].componentType==='rate'"
+              :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+              :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth"
+              @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+            />
+            <span v-else-if="customComponent(searchableColumns[fieldNum*(r-1)+(n-1)]) === true">
+              <component
+                :is="searchableColumns[fieldNum*(r-1)+(n-1)].componentName"
+                :ref="searchableColumns[fieldNum*(r-1)+(n-1)].componentName"
+                class="customComponent"
+                :prop="searchableColumns[fieldNum*(r-1)+(n-1)].prop"
+                :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)"
+                @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)"
+              />
+            </span>
+            <el-input v-else :value="getFormItemValue(searchableColumns[fieldNum*(r-1)+(n-1)].prop)" :style="searchableColumns[fieldNum*(r-1)+(n-1)].searchControlWidth" @keyup.enter.native="submitForm('searchForm')" @input="setValueToModelProp(searchableColumns[fieldNum*(r-1)+(n-1)].prop,$event)" />
+          </el-form-item>
+        </td>
+      </tr>
+    </table>
+
+    <el-form-item class="search-btn">
+      <el-button :loading="loading" type="primary" size="mini" @click="submitForm('searchForm')">
+        {{ $t('imatrixUIPublicModel.sure') }}
+      </el-button>
+      <el-button :loading="loading" size="mini" @click="resetForm('searchForm')">
+        {{ $t('imatrixUIPublicModel.reset') }}
+      </el-button>
+    </el-form-item>
+  </el-form>
+</template>
+<style scoped>
+  .grid-search-form{
+    overflow: auto;
+  }
+  .grid-search-form >>> .el-form-item{
+    margin-bottom: 0px;
+  }
+
+  .grid-search-form >>> .search-btn{
+    margin-bottom: 5px;
+    text-align: center;
+  }
+  .grid-search-form >>> .el-select,.grid-search-form >>> .customComponent{
+    width: 100%;
+  }
+</style>
+<script>
+import searchMethods from './search-methods'
+import searchFormNumber from './search-form-number'
+import store from './store'
+// import { isOptionFunction, getSearchObject } from './utils'
+import { addDynamicProp } from './utils'
+import Vue from 'vue'
+export default {
+  name: 'SearchForm',
+  components: {
+    searchFormNumber
+  },
+  props: {
+    columns: {
+      type: Array,
+      default: null
+    },
+    code: {
+      type: String,
+      default: null
+    },
+    url: {
+      type: String,
+      default: null
+    },
+    pagination: {
+      type: Object,
+      default: null
+    },
+    query: {
+      type: Object,
+      default: null
+    },
+    searchParam: {
+      type: Object,
+      default: null
+    },
+    initSearchProps: {
+      type: Array,
+      default: null
+    },
+    // 九宫格组件的id
+    gridId: {
+      type: String,
+      default: '_nineGrid'
+    }
+
+  },
+  data() {
+    const storeId = this.code + '~' + this.gridId
+    const customComponentNames = new Set()
+    const gridParams = store.get(storeId)
+    let searchForm = {}
+    if (this.searchParam !== null) {
+      searchForm = JSON.parse(JSON.stringify(this.searchParam))
+      // searchForm = this.searchParam
+    }
+    console.log('searchForm=', searchForm)
+    const searchColumns = this.getSearchableColumns()
+    if (this.initSearchProps === undefined || this.initSearchProps === null) {
+      this.initSearchProps = []
+    }
+    searchColumns.forEach(column => {
+      if (this.initSearchProps.indexOf(column.prop) < 0) {
+        // 表示没有默认初始查询字段
+        if (column.prop.indexOf('.') > 0) {
+          // 动态给searchForm添加属性，包括多级嵌套属性,属性的初始值都为 null
+          addDynamicProp(searchForm, column.prop)
+        } else {
+          searchForm[column.prop] = null
+        }
+      }
+    })
+
+    const spanNum = this.getSpanNum(storeId)
+    const fieldNum = this.getFieldNumPerRow(storeId)
+    const rowNum = Math.ceil(searchColumns.length / fieldNum)
+    // console.log('searchColumns.length=' + searchColumns.length + ',fieldNum=' + fieldNum + ',rowNum=' + rowNum)
+    // // -2是把
+    // const dateSpanNum = (spanNum - 2) / 2
+
+    return {
+      searchForm,
+      rules: {
+
+      },
+      searchParams: [],
+      labelWidth: gridParams.options.search && gridParams.options.search.labelWidth ? gridParams.options.search.labelWidth : '80px',
+      customComponentNames: customComponentNames,
+      componentName: '',
+      spanNum: spanNum,
+      fieldNum: fieldNum, // 每行放的字段个数
+      rowNum: rowNum, // 一共有几行
+      loading: false, // 是否正在查询，默认时否
+      storeId // 缓存的列表id
+    }
+  },
+  computed: {
+    searchableColumns() {
+      return this.getSearchableColumns()
+    }
+  },
+  methods: {
+    ...searchMethods,
+    // 获得每行排放的字段个数
+    getColumnNumPerRow(rowIndex, searchColumnsLength) {
+      let columnNumPerRow = this.fieldNum
+      if (this.fieldNum * rowIndex > searchColumnsLength) {
+        // 表示字段无法填满最后一行
+        columnNumPerRow = searchColumnsLength - (this.fieldNum * (rowIndex - 1))
+      }
+      return columnNumPerRow
+    },
+    // 每行放的字段个数
+    getFieldNumPerRow(storeId) {
+      const gridParams = store.get(storeId)
+      return gridParams.options.search && gridParams.options.search.fieldNum ? gridParams.options.search.fieldNum : 4
+    },
+    // 根据每行显示的字段个数，确定栅栏个数,默认是4个字段。最多就只能放6个字段
+    getSpanNum(storeId) {
+      const fieldNum = this.getFieldNumPerRow(storeId)
+      if (fieldNum === 1) {
+        return 14
+      } else if (fieldNum === 2) {
+        return 10
+      } else if (fieldNum === 3) {
+        return 8
+      } else if (fieldNum === 4) {
+        return 6
+      } else {
+        // 6个字段
+        return 4
+      }
+    },
+    setValueToModelProp(prop, value) {
+      if (prop.indexOf('.') > 0) {
+        const parentOjbect = this.getParentObject(prop)
+        // 嵌套属性中的最后一个属性是属于这个中间父对象的，所有要通过中间父对象来赋值
+        parentOjbect[prop.substring(prop.lastIndexOf('.') + 1)] = value
+      } else {
+        this.searchForm[prop] = value
+      }
+    },
+    getSearchableColumns(columns, searchColumns) {
+      if (!this.customComponentNames) {
+        this.customComponentNames = new Set()
+      }
+      if (!searchColumns) {
+        searchColumns = []
+      }
+      if (!columns) {
+        columns = this.columns
+      }
+      for (let i = 0; i < columns.length; i++) {
+        const column = columns[i]
+        if (column.prop === '$index' || column.prop === '$selection' || column.dynamic) {
+          // 序号和复选框列、动态列 不属于该组件的查询字段
+          continue
+        }
+        if (column.groupHeader) {
+          // 组合表头中子表头的字段查询
+          this.getSearchableColumns(column.children, searchColumns)
+        } else {
+          if (column.queryType === 'normal' && !column.custom && column.prop !== '') {
+            // 表示是普通查询，且不是占位符列，是查询字段
+            if (typeof (column.componentType) === 'undefined' || column.componentType === '') {
+              column.componentType = 'input'
+            }
+            if (column.querySetting && column.querySetting !== '') {
+              const querySetting = JSON.parse(column.querySetting)
+              if (querySetting.width) {
+                column.searchControlWidth = 'width:' + querySetting.width + 'px'
+              }
+              if (querySetting.labelWidth) {
+                column.searchLabelWidth = querySetting.labelWidth + 'px'
+              }
+              if (querySetting.label) {
+                column.searchLabel = querySetting.label
+              }
+            }
+            // 行编辑时自定义编辑组件
+            if (column.componentType.indexOf('custom:') >= 0) {
+              column.componentName = column.componentType.substring(column.componentType.indexOf(':') + 1)
+              this.customComponentNames.add(column.componentName)
+            } else {
+              column.componentName = ''
+            }
+            searchColumns.push(column)
+          }
+        }
+      }
+      return searchColumns
+    },
+    customComponent(column) {
+      const gridParams = store.get(this.storeId)
+      if (column.componentName && column.componentName !== '') {
+        this.customComponentNames.add(column.componentName)
+        return true
+      }
+      if ((!column.componentName || column.componentName === '') &&
+            gridParams.options &&
+            gridParams.options.search &&
+            gridParams.options.search.customSearchElements) {
+        // 定义了自定义查询组件
+        const propSearchEle = gridParams.options.search.customSearchElements[column.prop]
+        // console.log('customComponent-customSearchElements-propSearchEle-', column.prop)
+        if (propSearchEle) {
+          column.componentName = 'custom-' + column.prop
+          const component = propSearchEle.call(this, column)
+          // console.log('customComponent-customSearchElements-')
+          if (component) {
+            this.customComponentNames.add(column.componentName)
+            Vue.component(column.componentName, component)
+            return true
+          }
+        }
+      }
+      return false
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          //     const searchDemo = [
+          //   { leftBracket: '', propName: 'name', enumName: '', operator: 'contain', propValue: '系统', rightBracket: '', joinSign: 'and', dataType: 'TEXT' },
+          //   { leftBracket: '', propName: 'createdTime', enumName: '', operator: 'eq', startValue: '2019-01-29', endValue: '2019-01-30', propValue: '2019-01-30', rightBracket: '', joinSign: 'and', dataType: 'DATE' },
+          //   { leftBracket: '', propName: 'enabledState', enumName: 'tech.imatrix.enumeration.MenuState', operator: 'eq', propValue: 'ENABLE', rightBracket: '', joinSign: 'and', dataType: 'ENUM' }
+          // ]
+          this.loading = true
+          this.searchParams = this.packageSearchParam()
+          this.$emit('search', this.searchParams, true)
+        } else {
+          // console.log('error submit!!')
+          return false
+        }
+      })
+    },
+
+    resetForm(formName) {
+      // console.log('customComponentNames=', this.customComponentNames)
+      for (const componentName of this.customComponentNames) { // 遍历
+        this.$refs[componentName][0].resetField()
+      }
+      // this.$refs[formName].resetFields()
+
+      this.searchableColumns.forEach(column => {
+        // 表示没有默认初始查询字段
+        if (column.prop.indexOf('.') > 0) {
+          // 动态给searchForm添加属性，包括多级嵌套属性,属性的初始值都为 null
+          addDynamicProp(this.searchForm, column.prop)
+        } else {
+          this.searchForm[column.prop] = null
+        }
+      })
+      this.$emit('reset')
+    },
+    setNumberValue(value, r, n) {
+      let itemValue = this.getFormItemValue(this.searchableColumns[this.fieldNum * (r - 1) + (n - 1)].prop)
+      itemValue = value
+      this.setValueToModelProp(this.searchableColumns[this.fieldNum * (r - 1) + (n - 1)].prop, itemValue)
+    }
+  }
+}
+</script>

package/packages/super-nine-grid/src/search-methods.js

@@ -0,0 +1,134 @@
+const searchMethods = {
+  packageSearchParam() {
+    const searchParams = []
+    this.searchableColumns.forEach(column => {
+      const param = { leftBracket: '', rightBracket: '', joinSign: 'and' }
+      // 布尔型字段时prop中去掉了is字符，查询时返回带有is的属性字段，
+      // 否则会导致查询布尔型报500错误
+      let orgProp = column.orgProp
+      // sql查询时，会把点“.”改为两个下划线"__"
+      const replaceDot = '__'
+      if (orgProp.indexOf(replaceDot) > 0) {
+        // 表示包括点“.”，需要把两个下划线"__"重新改为点“.”,否则会导致查询报500错误
+        orgProp = orgProp.replace(replaceDot, '.')
+      }
+      param.columnProp = column.prop
+      param.propName = orgProp
+      param.enumName = column.enumName
+      param.operator = this.getOperator(column)
+      param.dataType = column.dataType
+      if (column.dataType === 'DATE' || column.dataType === 'TIME') {
+        // 日期 或 时间类型
+        const values = this.getFormItemValue(column.prop)
+        // console.log('values==', values, column.prop)
+        if (values !== null && values.length === 2 && values[0] !== null && values[1] !== null) {
+          param.startValue = values[0]
+          param.endValue = values[1]
+          searchParams.push(param)
+        }
+      } else if (column.dataType === 'INTEGER' || column.dataType === 'LONG') {
+        // 日期 或 时间类型
+        const values1 = this.getFormItemValue(column.prop)
+        if (values1) {
+          if (!Array.isArray(values1) || values1.length < 2 || values1[0] === null && values1[1] === null) {
+            // 填写了一个有效值
+            if (!Array.isArray(values1)) {
+              param.propValue = values1
+              searchParams.push(param)
+            } else if (values1.length < 2) {
+              param.propValue = values1[0]
+              searchParams.push(param)
+            } else if (values1[0] === null) {
+              param.propValue = values1[1]
+              searchParams.push(param)
+            } else if (values1[1] === null) {
+              param.propValue = values1[0]
+              searchParams.push(param)
+            }
+          } else {
+            // 填写了两个有效值
+            param.startValue = values1[0]
+            param.endValue = values1[1]
+            searchParams.push(param)
+          }
+        }
+      } else {
+        if (column.componentType === 'multiselect') {
+          // 表示是多选下拉框选择器选择的值
+          const values = this.getFormItemValue(column.prop)
+          // console.log('values==', values, column.prop)
+          this.packageValueWithArray(values, searchParams, param)
+        } else {
+          const propValue = this.getFormItemValue(column.prop)
+          this.packageValueWithArray(propValue, searchParams, param)
+        }
+      }
+    })
+    return searchParams
+  },
+  getOperator(column) {
+    if ((column.dataType === 'TEXT' || column.dataType === 'CLOB') && column.fuzzy) {
+      // 是否是文本类型的字段，且启用了模糊查询，则表示操作符为contains模糊查询
+      return 'CONTAIN'
+    } else {
+      // 否则就是等于
+      return 'EQ'
+    }
+  },
+  getFormItemValue(prop) {
+    if (prop.indexOf('.') > 0) {
+      const parentOjbect = this.getParentObject(prop)
+      return parentOjbect[prop.substring(prop.lastIndexOf('.') + 1)]
+    } else {
+      return this.searchForm[prop]
+    }
+  },
+  getParentObject(prop) {
+    const nestedProp = prop.split('.')
+    // 属性只有一个时父对象就是searchForm
+    if (nestedProp.length === 1) {
+      return this.searchForm
+    } else {
+      let parentObject
+      // 属性超过2个时先找到最后一层属性的父对象
+      for (let i = 0; i < nestedProp.length - 1; i++) {
+        parentObject = this.searchForm[nestedProp[i]]
+      }
+      return parentObject
+    }
+  },
+  // 处理多选下拉框时获得的值
+  // 处理非多选下拉框的值
+  packageValueWithArray(value, searchParams, param) {
+    if (value && Array.isArray(value)) {
+      const selectValues = value
+      // if (!Array.isArray(values)) {
+      //   selectValues = values.split(',')
+      // }
+      let num = 0
+      selectValues.forEach(val => {
+        const selectParam = Object.assign({}, param)
+        selectParam.joinSign = 'or'// 将条件连接符修改为or，否则无法查询到值
+        if (num === 0) {
+          selectParam.leftBracket = '1' // 左边有1个括号
+        }
+        if (num === selectValues.length - 1) {
+          // 说明是最后一个条件
+          selectParam.rightBracket = '1'// 右边有1个括号
+          selectParam.joinSign = 'and' // 最后一个条件的连接符需要修改为and
+        }
+        selectParam.propValue = val
+        selectParam.operator = 'EQ'
+        if (val) {
+          searchParams.push(selectParam)
+        }
+        num++
+      })
+    } else if (typeof (value) !== 'undefined' && value !== '' && value !== null && !Array.isArray(value)) {
+      // 不是数组
+      param.propValue = value
+      searchParams.push(param)
+    }
+  }
+}
+export default searchMethods

package/packages/super-nine-grid/src/store.js

@@ -0,0 +1,3 @@
+// 用于存放表格的控制属性，控制表格的编辑状态、存储表格的数据便于使用等等
+const store = new Map()
+export default store

package/packages/super-nine-grid/src/super-grid-service.js

@@ -0,0 +1,91 @@
+/* eslint-disable no-undef */
+import Vue from 'vue'
+import store from './store'
+import { packageEnumAndBeanColumnValueSets } from '../../utils/value-set'
+import { isHasOptionFunction } from './utils'
+const superGridService = {
+  initialize() {
+    const url = Vue.prototype.baseAPI + '/component/super-grids/' + this.code
+    const param = {}
+    const isSqlSetting = this.options.isSql
+    if (this.options && typeof (isSqlSetting) !== 'undefined') {
+      this.isSql = isSqlSetting
+      param.isSql = isSqlSetting + ''
+    }
+    this.isLoading = true
+    // 初始化组件时先获取元信息再获取数据，以后翻页、排序、查询不再去获取元数据了
+    this.$http.post(url, param).then(data => {
+      // console.log('自定义显示数量1：' + data)
+      // console.log('initialize--grid--data.columns.length=', data.columns.length)
+      if (this.options.pageSizes && data.pagination) {
+        // 组件的options属性配置中配置“可选行数”，已该配置为准
+        let pageSizeArr = null
+        const pageSizeStrs = this.options.pageSizes.split(',')
+        if (pageSizeStrs && pageSizeStrs.length > 0) {
+          pageSizeArr = []
+          for (var i = 0; i < pageSizeStrs.length; i++) {
+            pageSizeArr.push(pageSizeStrs[i] * 1)
+          }
+          data.pagination.pageSize = pageSizeArr[0]
+        }
+        data.pagination.layout = 'total, sizes, prev, pager, next, jumper'
+        data.pagination.pageSizes = pageSizeArr
+        // console.log('自定义显示数量2：' + pageSizeArr)
+        // console.log('自定义显示数量3：' + data)
+      }
+      if (typeof (this.options.initSortInfo) !== 'undefined') {
+        // 组件的options属性配置中配置“排序信息”，以该配置为准
+        if (Array.isArray(this.options.initSortInfo)) {
+          data.sortInfo = this.options.initSortInfo
+        } else {
+          data.sortInfo = []
+          data.sortInfo.push(this.options.initSortInfo)
+        }
+      }
+      Object.assign(this, data)
+      const gridParams = store.get(this.code + '~' + this.gridId)
+
+      // store.listCode = this.code
+      // 需要多个组件共享的数据放到store中，避免组件定义一堆props来接收这些共享数据
+      packageEnumAndBeanColumnValueSets(this.columns, this.code).then(() => {
+        gridParams.isSql = this.isSql
+        gridParams.columns = this.columns
+        gridParams.lineEdit = this.lineEdit
+        gridParams.basicInfo = this.basicInfo
+        gridParams.pagination = this.pagination
+        gridParams.query = this.query
+        this.hasLoadedColumns = true
+        let canFetchData = true
+        if (isHasOptionFunction('loadBeforeSend', this.storeId)) {
+          canFetchData = gridParams.options.loadBeforeSend.call(this, { columns: this.columns, gridParams })
+        }
+        if (canFetchData === undefined || canFetchData === true) {
+          if (typeof (this.options.initSearch) === 'undefined' || this.options.initSearch !== false) {
+            // 获得行拖动顺序接口路径
+            this.urlToSaveOrder = this.lineEdit && this.lineEdit.urlToSaveOrder ? this.lineEdit.urlToSaveOrder : null
+            // 表示初始化时查询记录
+            this.fetchData().then(() => {
+              this.initSelectData()
+            })
+          }
+        }
+      })
+    })
+  },
+  // 单选时默认勾选指定的记录
+  initSelectData() {
+    if (this.options && this.options.currentIds) {
+      // 表示指定了选择的记录
+      for (let i = 0; i < this.gridData.length; i++) {
+        const record = this.gridData[i]
+        if ((record.id || record.ID) && this.options.currentIds.indexOf(record.id ? record.id : record.ID) >= 0) {
+          this.changeSelect(record)
+          if (this.multiple === false) {
+            break
+          }
+        }
+      }
+    }
+  }
+}
+export default superGridService