imatrix-ui 2.8.21-dw → 2.8.21

package/packages/super-grid/src/view-image-dialog.vue

@@ -0,0 +1,130 @@
+<template>
+  <el-dialog
+    :append-to-body="true"
+    :show-close="true"
+    :title="$t('imatrixUIPublicModel.preview')"
+    :visible="true"
+    @close="$emit('close')"
+  >
+    <template v-slot:title>
+      <span>{{ $t('imatrixUIPublicModel.preview') }}
+        <!-- <i v-if="downloadable" class="el-icon-download" style="padding-left:5px;cursor:pointer;color:#409EFF" @click="downloadFile()" /> -->
+        <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" />
+      </span>
+    </template>
+    <el-carousel :interval="5000" arrow="always" @change="changeFile">
+      <el-carousel-item v-for="item in fileList" :key="item.serverName" style="background-color:#eee">
+        <el-image v-if="item.isImg" :src="item.src" :preview-src-list="[item.src]" />
+        <div v-else style="text-align:center;margin-top: 50px;">
+          <div style="font-size: 18px">
+            {{ item.showName }}
+          </div>
+          <div style="padding-top:10px;">
+            {{ $t('superGrid.previewTitleWhenNotImg') }}
+          </div>
+          <div style="padding-top:10px">
+            <el-button type="primary" size="small" @click="preview()">
+              {{ $t('fsUpload.preview') }}
+            </el-button>
+          </div>
+        </div>
+      </el-carousel-item>
+    </el-carousel>
+  </el-dialog>
+</template>
+
+<script>
+import Vue from 'vue'
+import { isPlateSys, getSystemFrontendUrl } from '../../../src/utils/common-util'
+import { getToken } from '../../../src/utils/auth'
+export default {
+  name: 'ViewImageDialog',
+  props: {
+    fileList: {
+      type: Array,
+      default: function() {
+        return []
+      }
+    },
+    downloadable: {
+      type: Boolean,
+      default: function() {
+        return true
+      }
+    },
+    deleteable: {
+      type: Boolean,
+      default: function() {
+        return false
+      }
+    }
+  },
+  data() {
+    const token = getToken()
+    let previewUrl = Vue.prototype.baseURL + '/common/fs-upload/preview?jwt=' + token
+    if (isPlateSys(Vue.prototype.systemCode)) {
+      previewUrl = Vue.prototype.baseAPI + '/component/fs-upload/preview?jwt=' + token
+    }
+    return {
+      showName: null,
+      serverName: null,
+      file: null,
+      previewUrl
+    }
+  },
+  methods: {
+    changeFile(currentIndex, origIndex) {
+      const file = this.fileList[currentIndex]
+      this.file = file
+      this.showName = file.showName
+      this.serverName = file.serverName
+    },
+    downloadFile() {
+      if (!this.showName) {
+        const file = this.fileList[0]
+        this.showName = file.showName
+        this.serverName = file.serverName
+      }
+      const token = getToken()
+      let url = Vue.prototype.baseURL + '/common/super-form/downloads?jwt=' + token
+      if (isPlateSys(Vue.prototype.systemCode)) {
+        url = Vue.prototype.baseAPI + '/component/super-form/downloads?jwt=' + token
+      }
+      window.location.href = url + '&showName=' + encodeURI(this.showName) + '&serverPath=' + this.serverName
+    },
+    preview() {
+      if (!this.showName) {
+        const file = this.fileList[0]
+        this.showName = file.showName
+        this.serverName = file.serverName
+      }
+      if (Vue.prototype.customPreviewUrl) {
+        window.open(getSystemFrontendUrl(Vue.prototype.portalUrl) + '/#/file-service/preview?serverPath=' + this.serverName +
+          '&showName=' + encodeURI(this.showName),
+        this.showName
+        )
+      } else {
+        window.open(this.previewUrl + '&showName=' + encodeURI(this.showName) + '&serverPath=' + this.serverName)
+      }
+    },
+    deleteFile() {
+      let index
+      if (this.fileList && this.fileList.length > 0) {
+        if (!this.showName) {
+          const file = this.fileList[0]
+          this.showName = file.showName
+          this.serverName = file.serverName
+        }
+        const serverName = this.serverName
+        index = this.fileList.findIndex(function(item) {
+          return item.serverName === serverName
+        })
+      }
+      this.$emit('delete', this.fileList, index)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

package/packages/super-nine-grid/index.js

@@ -0,0 +1,7 @@
+import SuperNineGrid from './src/super-nine-grid.vue'
+
+SuperNineGrid.install = function(Vue) {
+  Vue.component(SuperNineGrid.name, SuperNineGrid)
+}
+
+export default SuperNineGrid

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

@@ -0,0 +1,103 @@
+import store from './store'
+const apis = {
+  // 刷新列表数据
+  refresh() {
+    return new Promise((resolve, reject) => {
+      if (this.$refs) {
+        // 刷新列表数据
+        if (this.$refs.sf) {
+          this.search(this.$refs.sf.searchParams, true).then(() => resolve()).catch(error => reject(error))
+        } else {
+          this.search(null, true).then(() => resolve()).catch(error => reject(error))
+        }
+      } else {
+        resolve()
+      }
+    })
+  },
+  // 显示查询
+  showSearchForm() {
+    this.showSearch = true
+    this.$emit('showSearch')
+  },
+  // 取消查询
+  cancelSearch() {
+    this.showSearch = false
+    this.$emit('cancelSearch')
+  },
+  // 获得查询条件
+  getSearchForm() {
+    const gridParams = store.get(this.storeId)
+    if (gridParams.searchForm) {
+      return gridParams.searchForm
+    } else {
+      return []
+    }
+  },
+  // 获得列表所有数据
+  getGridData(listCode) {
+    if (!listCode) {
+      listCode = store.get('_nine_list_code')
+    }
+    if (listCode && listCode.indexOf('~') < 0) {
+      // 拼接默认的九宫格gridId
+      listCode = listCode + '~' + '_nineGrid'
+    }
+    const gridParams = store.get(listCode)
+    return gridParams.gridData
+  },
+  // 获得字段配置
+  getColumns(listCode) {
+    if (!listCode) {
+      listCode = store.get('_nine_list_code')
+    }
+    if (listCode && listCode.indexOf('~') < 0) {
+      // 拼接默认的九宫格gridId
+      listCode = listCode + '~' + '_nineGrid'
+    }
+    const gridParams = store.get(listCode)
+    return gridParams.columns
+  },
+  // listCode 列表编码~gridId，例如：MMS_BUSSINESS_SYSTEM~grid1
+  getPagination(listCode) {
+    if (!listCode) {
+      listCode = store.get('_nine_list_code')
+    }
+    if (listCode && listCode.indexOf('~') < 0) {
+      // 拼接默认的九宫格gridId
+      listCode = listCode + '~' + '_nineGrid'
+    }
+    const gridParams = store.get(listCode)
+    return gridParams.pagination
+  },
+  // 获得选中的记录集合
+  getSelections() {
+    return this.selections
+  },
+  // 获得选中的记录id集合
+  getSelectionIds() {
+    return this.selectionIds
+  },
+  // 清空选中的记录
+  clearSelections() {
+    this.selections = []
+    this.selectionIds = []
+    this.selectionModels = {}
+    this.currentId = null
+  },
+  // 单选时获得选中的记录
+  getSelection() {
+    if (this.selections && this.selections.length > 0) {
+      return this.selections[0]
+    }
+    return null
+  },
+  // 单选时获得选中的记录id集合
+  getSelectionId() {
+    if (this.selectionIds && this.selectionIds.length > 0) {
+      return this.selectionIds[0]
+    }
+    return null
+  }
+}
+export default apis

package/packages/super-nine-grid/src/custom-formatter.js

@@ -0,0 +1,66 @@
+// import Vue from 'vue'
+import { doFormat } from './formatter'
+const customFormatter = {
+  isObjectProp(prop) {
+    if (prop.indexOf('.') > 0) {
+      return true
+    } else {
+      return false
+    }
+  },
+
+  objectPropOriginalValue(row, prop) {
+    try {
+      // console.log('---super-grid--objectPropOriginalValue--')
+      let objValue = row
+      const props = prop.split('.')
+      props.forEach(subProp => {
+        if (objValue) {
+          objValue = objValue[subProp]
+        } else {
+          objValue = ''
+          throw objValue
+        }
+      })
+      return objValue
+    } catch (e) {
+      // console.log(e)
+      return ''
+    }
+  },
+
+  objectPropValue(row, column, prop) {
+    // console.log('---super-grid--objectPropValue--')
+    const val = doFormat(column, this.objectPropOriginalValue(row, prop))
+    return val
+  },
+  getColumnValue(row, column) {
+    const prop = column.prop
+    let originalValue = row[prop]
+    if (this.isObjectProp(prop)) {
+      originalValue = this.objectPropOriginalValue(row, prop)
+    }
+    const formatValue = doFormat(column, originalValue)
+    return { originalValue, formatValue }
+  },
+  onClickFun(row, column, onClick, rowIndex) {
+    const values = this.getColumnValue(row, column)
+    onClick.call(this, values.originalValue, values.formatValue, row, column, rowIndex)
+  },
+  isShowButtonFun(entity, button) {
+    const isShowFun = button.isShow
+    if (isShowFun === undefined) {
+      return true
+    }
+    if (typeof (isShowFun) === 'function') {
+      let isShow = isShowFun.call(this, entity, button)
+      if (isShow === undefined) {
+        isShow = true
+      }
+      return isShow
+    } else {
+      return isShowFun
+    }
+  }
+}
+export default customFormatter

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

@@ -0,0 +1,132 @@
+const formatter = {
+  number: function(value, options) {
+    debugger
+    // 小数位数
+    const precision = options.precision
+    // 是否显示千分位
+    const isDelimiter = options.delimiter
+    // 是否显示科学计数法
+    const scientific = options.scientific
+    // 几位开始计算
+    let scientificNum = options.scientificNum
+    if (value != null) {
+      if (precision > 0) {
+        // 表示有小数
+        value = parseFloat(value)
+        value = value.toFixed(precision)
+      }
+      if (isDelimiter) {
+        value = value.replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,')
+      }
+      if (scientific != null) {
+        let isScientific = false
+        if (scientificNum) {
+          scientificNum = parseInt(scientificNum)
+        } else {
+          scientificNum = 11
+        }
+        if (value.length >= scientificNum) {
+          isScientific = true
+        }
+        if (isScientific) {
+          value = '' + value
+          value = parseFloat(value)
+          value = value.toExponential() // 转换为标准的科学计数法形式（字符串）
+          // const tmpArray = eformat.match(/\d(?:\.(\d*))?e([+-]\d+)/) // 分离出小数值和指数值
+          // value = value.toFixed(Math.max(0, (tmpArray[1] || '').length - tmpArray[2]))
+        }
+      }
+    }
+
+    return value
+  },
+  currency: function(value, options) {
+    // 单位：$ 或 ￥
+    const sign = options.sign
+    return sign + this.number(value, options)
+  },
+  date: function(value, options) {
+    // format格式，例如：yyyy-m-d,yyyy-m-d hh:mm:ss等等
+    const format = options.format
+    if (value != null) {
+      const date = new Date(value)
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      var d = date.getDate()
+      var h = date.getHours()
+      var min = date.getMinutes()
+      var s = date.getSeconds()
+      if (m < 10) {
+        m = '0' + m
+      }
+      if (d < 10) {
+        d = '0' + d
+      }
+      if (h < 10) {
+        h = '0' + h
+      }
+      if (min < 10) {
+        min = '0' + min
+      }
+      if (s < 10) {
+        s = '0' + s
+      }
+      return format.replace('yyyy', y)
+        .replace('m', m)
+        .replace('d', d)
+        .replace('hh', h)
+        .replace('mm', min)
+        .replace('ss', s)
+    }
+    return value
+  },
+  time: function(value, options) {
+    return this.date(value, options)
+  },
+  percent: function(value, options) {
+    return this.number(value, options) + '%'
+  }
+}
+
+export function doFormat(column, value) {
+  if (value === undefined || column === undefined) {
+    return value
+  }
+  // 先处理值设置再处理格式化设置：即会对值设置的结果进行格式化设置
+  if (column.valueSet !== undefined) {
+    const item = column.valueSet.filter(item => {
+      return item.value === value + ''
+    })
+    if (item.length > 0) {
+      // 数据库的原始值要显示成label值，后续对这个label进行格式化（不是处理原始值）
+      value = item[0].label
+    }
+  }
+  // 获得默认的格式设置
+  if (column.formatter === undefined) {
+    if (column.dataType === 'DATE') {
+      // 默认的“DATE”类型的格式设置
+      column.formatter = {
+        type: 'date',
+        options: {
+          format: 'yyyy-m-d'
+        }
+      }
+    } else if (column.dataType === 'TIME') {
+      // 默认的“TIME”类型的格式设置
+      column.formatter = {
+        type: 'time',
+        options: {
+          format: 'yyyy-m-d hh:mm:ss'
+        }
+      }
+    }
+  }
+  const columnFormatter = column.formatter
+  if (columnFormatter !== undefined && formatter[columnFormatter.type] !== undefined) {
+    return formatter[columnFormatter.type](value, columnFormatter.options)
+  } else {
+    return value
+  }
+}
+

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

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <el-input-number
+      v-model="number1"
+      @change="setValue()"
+    />
+    <span>---</span>
+    <el-input-number
+      v-model="number2"
+      @change="setValue()"
+    />
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    r: {
+      type: Number,
+      default: null
+    },
+    n: {
+      type: Number,
+      default: null
+    }
+  },
+  data() {
+    return {
+      number1: null,
+      number2: null
+    }
+  },
+  methods: {
+    setValue() {
+      this.$emit('setValue', [this.number1, this.number2], this.r, this.n)
+    }
+  }
+}
+</script>