agilebuilder-ui 1.0.0

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

@@ -0,0 +1,190 @@
+<template>
+	<el-dialog
+			:append-to-body="true"
+			:model-value="true"
+			:show-close="true"
+			:title="$t('imatrixUIPublicModel.preview')"
+			@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()" /> -->
+        <el-icon v-if="deleteable" class="el-icon-delete" style="padding-left: 5px; cursor: pointer; color: #f56c6c" @click="deleteFile()"
+        ><el-icon-delete
+        /></el-icon>
+      </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"
+						:preview-src-list="[item.src]"
+						:src="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 size="default" type="primary" @click="preview()">
+							{{ $t('fsUpload.preview') }}
+						</el-button>
+					</div>
+				</div>
+			</el-carousel-item>
+		</el-carousel>
+	</el-dialog>
+</template>
+
+<script>
+import {Delete as ElIconDelete} from '@element-plus/icons-vue'
+import {$on, $off, $once, $emit} from '../../utils/gogocodeTransfer'
+import * as Vue from 'vue'
+import {
+	isPlateSys,
+	getSystemFrontendUrl,
+} from '../../../src/utils/common-util'
+import {getToken} from '../../../src/utils/auth'
+
+export default {
+	components: {
+		ElIconDelete,
+	},
+	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 baseUrl = window.$vueApp.config.globalProperties.baseURL
+		if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
+			baseUrl = window.$vueApp.config.globalProperties.baseAPI
+		}
+		return {
+			showName: null,
+			serverName: null,
+			file: null,
+			baseUrl,
+		}
+	},
+	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 =
+					window.$vueApp.config.globalProperties.baseURL +
+					'/common/super-form/downloads?jwt=' +
+					token
+			if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
+				url =
+						window.$vueApp.config.globalProperties.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 (window.$vueApp.config.globalProperties.customPreviewUrl) {
+				window.open(
+						getSystemFrontendUrl(
+								window.$vueApp.config.globalProperties.portalUrl
+						) +
+						'/#/file-service/preview?serverPath=' +
+						this.serverName +
+						'&showName=' +
+						encodeURI(this.showName),
+						this.showName
+				)
+			} else {
+				const token = getToken()
+				let previewUrl
+				const myShowName = this.showName
+				const uuid = this.serverName
+				if (window.$vueApp.config.globalProperties.kkFileViewUrl) {
+					const originUrl = this.baseUrl + '/common/super-form/downloads?jwt=' + token+
+						'&showName=' +
+						encodeURI(myShowName) +
+						'&serverPath=' +
+						uuid
+					//要预览文件的访问地址
+					const myPreviewUrl = originUrl + '&fullfilename='+myShowName
+					// http://127.0.0.1:8012/onlinePreview
+					previewUrl = window.$vueApp.config.globalProperties.kkFileViewUrl+'?url='+encodeURIComponent(Base64.encode(myPreviewUrl))
+				} else {
+					previewUrl =
+					this.baseUrl +
+					'/common/fs-upload/preview?jwt=' +
+					token
+					previewUrl = previewUrl +
+						'&showName=' +
+						encodeURI(myShowName) +
+						'&serverPath=' +
+						uuid
+				}
+				window.open(previewUrl, myShowName)
+			}
+		},
+		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
+				})
+			}
+			$emit(this, 'delete', this.fileList, index)
+		},
+	},
+	emits: ['close', 'delete'],
+}
+</script>

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,108 @@
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+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
+    $emit(this, 'showSearch')
+  },
+  // 取消查询
+  cancelSearch() {
+    this.showSearch = false
+    $emit(this, '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,73 @@
+// 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,134 @@
+const formatter = {
+  number: function (value, options) {
+    // 小数位数
+    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,35 @@
+<template>
+  <div>
+    <el-input-number v-model="number1" @change="setValue()" />
+    <span>---</span>
+    <el-input-number v-model="number2" @change="setValue()" />
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+export default {
+  props: {
+    r: {
+      type: Number,
+      default: null,
+    },
+    n: {
+      type: Number,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      number1: null,
+      number2: null,
+    }
+  },
+  methods: {
+    setValue() {
+      $emit(this, 'setValue', [this.number1, this.number2], this.r, this.n)
+    },
+  },
+  emits: ['setValue'],
+}
+</script>