@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/src/components/upLoad.vue

@@ -0,0 +1,69 @@
+<template>
+    <div class="upload-dialog">
+          <div class="upload-label">{{label}}：</div>
+          <ul class="upload-list">
+                <li class="upload-item">
+                  <!-- <input v-if="fileName" name="fileName"/> -->
+                  <span v-if="fileName">{{fileName}}</span>
+                  <!-- <i class="el-icon-refresh reupload" onClick="reupload"></i>
+                  <i class="el-icon-delete delete" onClick="deleteFile"></i> -->
+                </li>
+          </ul>
+          <el-upload ref="upload" class="upload" action="#" :show-file-list="false" :auto-upload="false" :on-change="upFileChange">
+            <el-button
+              size="small"
+              type="primary"
+              ref="uploadBtn"
+            >点击上传</el-button>
+          </el-upload>
+        </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-upload',
+  props: {
+    fileChange: {
+      type: Function
+    },
+    label: {
+      type: String
+    }
+  },
+  data () {
+    return {
+      fileName: ''
+    }
+  },
+  methods: {
+    upFileChange (file, fileList) {
+      this.fileName = file.name
+      if (this.fileChange) {
+        this.fileChange(file, fileList)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.upload-dialog{
+  display: flex;
+  align-items: center;
+}
+.upload-label{
+  margin-right: 11px;
+}
+.upload-list{
+    margin-right: 20px;
+}
+.upload-item{
+    min-width: 138px;
+    border: 1px solid var(--epx-border);
+    height: 32px;
+    line-height: 32px;
+    text-align: left;
+    padding: 0 16px;
+    border-radius: 5px;
+}
+</style>

package/src/components/viewport/LookViewList.vue

@@ -0,0 +1,28 @@
+<script>
+import List from '@epxing/components/src/entity-list'
+export default {
+  name: 'epx-look-view-list',
+  extends: List,
+  methods: {
+    getDefaultOperates () {
+      const { operates, columnOperates } = this.$configs
+      const defaultOperates = [
+
+      ]
+
+      const defaultColumnOperates = [
+      ]
+      if (!operates) {
+        this.configs.operates = defaultOperates
+      }
+      if (!columnOperates) {
+        this.configs.columnOperates = defaultColumnOperates
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/components/viewport/ViewAddForm.vue

@@ -0,0 +1,151 @@
+<script>
+import AddForm from '@epxing/components/src/add-form'
+export default {
+  name: 'epx-view-add-form',
+  extends: AddForm,
+  methods: {
+    getFormData () {
+      let submitFlag = true
+      let params = {}
+      const { fieldConfigs = {} } = this.$query
+      for (const key in fieldConfigs) {
+        const field = fieldConfigs[key]
+        if (field.attriName && field.value) {
+          params[`bean.${field.attriName}`] = field.value
+        }
+      }
+      // 获取formItemData
+      Object.keys(this.$refs).forEach(key => {
+        if (key.includes('component-')) {
+          const component = this.$refs[key].$refs.component
+          const form = component.$refs.form
+          const table = component.$refs.table
+          const scopeValue = component.scopeValue
+          if (component && form) {
+            const { hiddenFields = [] } = component.configs
+            hiddenFields.forEach(field => {
+              if (field.attriName && field.value) {
+                params[`bean.${field.attriName}`] = field.value
+              }
+            })
+            if (this.pageType === 'ADD' || this.pageType === 'EDIT') {
+              form.validate((valid, err) => {
+                if (!valid) {
+                  for (const key in err) {
+                    const errMessgae = err[key][0]
+                    this.$message.error(errMessgae.message)
+                    submitFlag = false
+                    return
+                  }
+                }
+              })
+            }
+            for (const field in form.model.data) {
+              const formValue = form.model.data[field]
+              const fieldsConfigs = component.fieldsConfigs || []
+              if (!field.includes('#')) {
+                let submitValue = formValue
+                const fieldConfigs = fieldsConfigs.find(item => item.attriName === field) || {}
+                if (Array.isArray(formValue)) {
+                  submitValue = formValue[formValue.length - 1]
+                }
+                this.submitData[field] = submitValue || ''
+                params[fieldConfigs.name || `bean.${field}`] = submitValue || ''
+              }
+            }
+            const fieldsConfigs = component.fieldsConfigs || []
+            fieldsConfigs.forEach(field => {
+              if (field.state === 'HIDDEN' && field.isDateNow) {
+                this.submitData[field] = this.$moment().format('YYYY-MM-DD HH:mm:ss')
+                params[`bean.${field.attriName}`] = this.$moment().format('YYYY-MM-DD HH:mm:ss')
+              }
+            })
+          }
+          if (component && table) {
+            params.viewFields = JSON.stringify(table.data)
+          }
+          if (component && scopeValue) {
+            params['bean.SCOPE'] = scopeValue
+          }
+        }
+      })
+      params = this.$formatParams({ ...params })
+      return submitFlag ? params : false
+    },
+    submitForm (buttonConfig = {}, cb, errorFn) {
+      const { submitParams: querySumitParams = {}, callback, submitBackPage = true } = this.$query
+      const { submitParams: pageSubmitParams = {}, saveSuccessText, updateSuccessText, saveAction, updateAction, mask } = this.$configs
+      const { action = saveAction, params: buttonParams = {} } = buttonConfig
+      const params = {
+        action,
+        entityId: this.$metaId
+      }
+      if (this.data[this.$metaKey]) {
+        params[`bean.${this.$metaKey}`] = this.data[this.$metaKey]
+      }
+      // 获取form表单 提交
+      const formParams = this.getFormData()
+      let submitParams = this.$_.assignWith(this.$formatParams(pageSubmitParams), formParams, (pageSubmitValue, formValue) => {
+        return formValue || pageSubmitValue
+      })
+      submitParams = this.$_.assignWith(submitParams, this.submitParams, (submitValue, _submitValue) => {
+        return submitValue || _submitValue
+      })
+      if (!formParams) return
+      if (this.pageType === 'EDIT') params.action = updateAction
+      if (this.isRequesting) return
+      this.isRequesting = true
+      let loading = null
+      if (mask) {
+        loading = this.$loading({
+          target: this.$el,
+          background: 'rgba(255, 255, 255, 0.5)',
+          text: '正在操作,请稍后...'
+        })
+      }
+      // const flag = true
+      // if (flag) return
+      this.$http.save({
+        ...params,
+        ...querySumitParams,
+        ...submitParams,
+        ...this.$formatParams(buttonParams)
+      })
+        .then(data => {
+          const entity = { ...this.data, ...this.submitData }
+          if (this.pageType === 'ADD') entity[this.$metaKey] = data
+          entity.id = entity[this.$metaKey]
+          entity.name = this.$meta ? entity[this.$meta.label] : ''
+          this.isRequesting = false
+          if (loading) loading.close()
+          this.$message.success(this.pageType === 'EDIT' ? updateSuccessText : saveSuccessText)
+          if (cb && typeof cb === 'function') {
+            cb(entity)
+          } else {
+            if (submitBackPage) {
+              this.backPage({
+                // reload: true,
+                callback () {
+                  callback && callback(entity)
+                }
+              })
+            } else {
+              callback && callback(entity)
+            }
+          }
+        })
+        .catch(err => {
+          this.isRequesting = false
+          if (loading) loading.close()
+          this.$message.error(err.message || '处理失败')
+          if (errorFn) errorFn(err)
+        })
+    }
+  }
+
+}
+</script>
+
+<style>
+
+</style>

package/src/components/viewport/ViewDefineList.vue

@@ -0,0 +1,53 @@
+<script>
+import List from '@epxing/components/src/entity-list'
+export default {
+  name: 'epx-view-define-list',
+  extends: List,
+  computed: {
+    getScopeChinese () {
+      return (value) => {
+        let scopeText = ''
+        if (value && (/\{.+\}/).test(value)) {
+          const scope = JSON.parse(value)
+          if (scope.scopeText) {
+            scopeText = scope.scopeText
+          } else if (scope.scopeParams) {
+            const scopeParams = [...scope.scopeParams]
+            scopeParams.forEach(item => {
+              scopeText += (item.text + item.linkLabel || item.link || '')
+            })
+          }
+        } else if (value) {
+          scopeText = value
+        }
+        return scopeText
+      }
+    }
+  },
+  methods: {
+    selectView (button, row) {
+      if (row.IS_CREATE === '1') {
+        this.$createPage({
+          metaId: row.TABEL_CODE,
+          component: 'look-view-list'
+        })
+      } else {
+        // this.$message.info('视图还没有发布，不能查看')
+        this.$alert('视图还没有发布，不能查看', {
+          confirmButtonText: this.$t('confirm')
+        //   callback: action => {
+        //     this.$message({
+        //       type: 'info',
+        //       message: `action: ${action}`
+        //     })
+        //   }
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>