epx-frame 3.5.0-shpgy.1

package/src/frame/components/PublishEntity.vue

@@ -0,0 +1,87 @@
+<template>
+<div class="public-container">
+  <div class="public" v-if="status==='public'">
+    <i class="public-icon el-icon-success"></i>
+    <p class="public-text">数据对象“{{fromData.NAME}}”已发布成功</p>
+    <el-button class="public-btn" type="primary" @click="reloadPage">继续新增</el-button>
+    <el-button class="public-btn" type="primary" @click="complete">继续完善对象</el-button>
+    <el-button class="public-btn" @click="backPage">返回</el-button>
+  </div>
+  <div class="no-public public" v-else>
+    <i class="public-icon el-icon-time "></i>
+    <p class="public-text">发布对象后，系统将自动创建数据库表。马上发布吧</p>
+    <el-button class="public-btn" type="primary" @click="publicEntity">马上发布</el-button>
+    <el-button class="public-btn" @click="backPage">暂不发布</el-button>
+  </div>
+</div>
+</template>
+
+<script>
+import component from '@/utils/mixins/component'
+export default {
+  name: 'epx-publish-entity',
+  mixins: [component],
+  data () {
+    return {
+      status: ''
+    }
+  },
+  computed: {
+    fromData () {
+      const { formData = {} } = this.$query
+      return formData
+    }
+  },
+  methods: {
+    publicEntity () {
+      this.$http.$post({
+        action: 'publishone',
+        entityId: 'FM_ENTITY',
+        id: this.$query.id
+      })
+        .then(() => {
+          this.status = 'public'
+        })
+    },
+    complete () {
+      this.$createPage({
+        type: 'replace',
+        metaId: 'FM_ENTITY',
+        id: this.$query.id,
+        flag: 'v_edit',
+        pageType: 'EDIT'
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.public-container {
+  background: #fff;
+  padding: 60px 24px;
+}
+.public {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.public-icon {
+  font-size: 60px;
+  margin-bottom: 30px;
+  color: #67C23A;
+  &.el-icon-time {
+    color: #E6A23A;
+  }
+}
+.public-text {
+  font-size: 24px;
+  color: #222;
+  font-weight: bold;
+  margin-bottom: 30px;
+}
+.public-btn {
+  width: 200px;
+  margin: 10px;
+}
+</style>

package/src/frame/components/ReportFormList.vue

@@ -0,0 +1,247 @@
+<script>
+import ListVue from '@/frame/packages/entity-list'
+import { ADD_META } from '@/store/actions'
+export default {
+  name: 'epx-report-from-list',
+  extends: ListVue,
+  navConfigs: {
+    flag: true
+  },
+  methods: {
+    getDefaultOperates () {
+      const { operates, columnOperates } = this.$configs
+      const defaultOperates = [
+        {
+          text: '导出',
+          ui: 'primary',
+          cls: 'btn_hollow',
+          handler: 'entityExport'
+        }
+      ]
+
+      const defaultColumnOperates = []
+      if (!operates) {
+        this.$set(this.$configs, 'operates', defaultOperates)
+      }
+      if (!columnOperates) {
+        this.$set(this.$configs, 'columnOperates', defaultColumnOperates)
+      }
+    },
+    async getFields () {
+      var meta = null
+      if (this.$query.staObject) {
+        meta = this.metas[this.$query.staObject]
+        if (!meta) {
+          meta = await this.$store.dispatch({
+            type: ADD_META,
+            metaId: this.$query.staObject
+          })
+        }
+      } else {
+        meta = this.meta
+      }
+      const { fieldConfigs = {} } = this.$configs
+      let { listFields = [] } = this.$configs
+      if (!listFields) {
+        listFields = meta.getListFields()
+      }
+      this.$FieldFactory.createFields({
+        defaultFieldConfigs: fieldConfigs,
+        fields: listFields,
+        meta: meta
+      })
+        .then(data => {
+          this.listFields = [...data]
+          this.getData()
+        })
+    },
+    async getData (current, cb) {
+      var meta = null
+      if (this.$query.staObject) {
+        meta = this.metas[this.$query.staObject]
+        if (!meta) {
+          meta = await this.$store.dispatch({
+            type: ADD_META,
+            metaId: this.$query.staObject
+          })
+        }
+      } else {
+        meta = this.$meta
+      }
+      // eslint-disable-next-line camelcase
+      let { queryParams = {}, pageFlag, orderFields, order_field: orderField = [], order_mode: orderMode = [] } = this.$configs
+      const fields = this.listFields.map(item => (item.attriName || item))
+      const params = {
+        action: 'getReportData',
+        reportType: 'search',
+        reportId: this.$query.reportId,
+        col: this.$query.col,
+        row: this.$query.row,
+        entityId: this.$query.staObject,
+        // entityId: 'FM_REPORT_BASE',
+        staObject: this.$query.staObject
+      }
+      if (fields.length > 0) {
+        params.columnFieldNames = fields.join('#,') + '#'
+      }
+      const functionField = this.listFields.filter(item => {
+        return item.function
+      })
+      let functionList = []
+      if (functionField.length > 0) {
+        functionList = functionField.map(item => ({ dataIndex: item.attriName, function: item.function }))
+        params.fieldFunctions = JSON.stringify(functionList)
+      }
+      if (pageFlag) {
+        params.page = current || this.currentPage
+        params.limit = this.pageSize
+      }
+
+      if (this.scopeParams) {
+        params.scopeParams = JSON.stringify(this.scopeParams)
+      }
+      if (orderFields && orderFields.length > 0) {
+        orderField = orderFields.map(item => item.attriName || item)
+        orderMode = orderFields.map(item => item.sort || 'asc')
+      }
+      if (this.loading) return
+      this.loading = true
+
+      this.$http.list({
+        ...params,
+        ...this.$formatParams(queryParams),
+        ...this.queryParams,
+        ...this.sortParams,
+        order_field: orderField.join(','),
+        order_mode: orderMode.join(',')
+      })
+        .then(data => {
+          this.initData = true
+          this.loading = false
+          this.total = data.total || data.entitys.length
+          if (current) this.currentPage = current
+          this.data = [...data.entitys]
+          if (cb) cb(this.data)
+          this.$dispatchPage('listData', [{ total: this.total, entitys: this.data }])
+          this.$emit('listData', { total: this.total, entitys: this.data })
+          if (this.afterData) this.afterData(this.data)
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    // async getData33 () {
+    //   var meta = null
+    //   if (this.$query.staObject) {
+    //     meta = this.metas[this.$query.staObject]
+    //     if (!meta) {
+    //       meta = await this.$store.dispatch({
+    //         type: ADD_META,
+    //         metaId: this.$query.staObject
+    //       })
+    //     }
+    //   } else {
+    //     meta = this.meta
+    //   }
+    //   const { queryParams: queryConfigParams = {}, pageFlag, listFields = meta.getListFields() } = this.$configs
+    //   const { searchMode } = this.searchConfigs
+    //   const fields = listFields.map(item => (item.attriName || item))
+    //   const { queryParams = {}, scopeParams: queryScopeParams = {} } = this.$query
+    //   const scopeParams = JSON.parse(JSON.stringify(queryScopeParams))
+    //   // eslint-disable-next-line no-unused-vars
+    //   const that = this
+    //   for (const scopeKey in scopeParams) {
+    //     const scope = scopeParams[scopeKey]
+    //     let values = scope.values
+    //     if (/#\{(.+)\}/.test(values)) {
+    //       values = values.replace(/#\{(.+)\}/, (match, key) => {
+    //         try {
+    //           // eslint-disable-next-line no-eval
+    //           return eval(`that.$query.${key}`) || eval(`that.$tab.${key}`) || ''
+    //         } catch (error) {
+    //           console.error(error)
+    //           return scope.values
+    //         }
+    //       })
+    //     }
+    //     scope.values = values
+    //   }
+    //   const params = {
+    //     action: 'dataList',
+    //     reportId: this.$query.reportId,
+    //     col: this.$query.col,
+    //     row: this.$query.row,
+    //     // entityId: this.$metaId,
+    //     entityId: 'FM_REPORT_BASE',
+    //     staObject: this.$query.staObject,
+    //     columnFieldNames: fields.join('#,') + '#',
+    //     ...queryParams,
+    //     scopeParams
+    //   }
+    //   if (pageFlag) {
+    //     params.page = this.currentPage
+    //     params.limit = this.pageSize
+    //   }
+    //   if (this.searchParams && searchMode) {
+    //     params.searchMode = searchMode
+    //   }
+    //   this.loading = true
+    //   this.$http.list({
+    //     ...params,
+    //     ...this.$formatParams(queryConfigParams),
+    //     ...this.queryParams,
+    //     ...this.searchParams,
+    //     ...this.searchKeyParams,
+    //     entityId: 'FM_REPORT_BASE'
+    //   })
+    //     .then(data => {
+    //       this.loading = false
+    //       this.total = data.total
+    //       this.tableData = [...data.entitys]
+    //     })
+    //     .catch(() => {
+    //       this.loading = false
+    //     })
+    // },
+    // 页面导出
+    entityExport () {
+      const reportId = this.$query.reportId
+      const row = this.$query.row
+      const col = this.$query.col
+      const staObject = this.$query.staObject
+      const fields = this.listFields.map(item => (item.attriName || item))
+      this.$http.$post({
+        action: 'getReportData',
+        entityId: staObject,
+        reportId: reportId,
+        row: row,
+        col: col,
+        outputType: 'excel',
+        reportType: 'search',
+        columnFieldNames: fields.join('#,') + '#'
+      }, {
+        responseType: 'blob'
+      })
+        .then(({ blob, filename }) => {
+          const objectUrl = URL.createObjectURL(blob)
+          var a = document.createElement('a')
+          document.body.appendChild(a)
+          a.href = objectUrl
+          a.download = filename || new Date().getTime() + '.xlsx'
+          a.click()
+          window.URL.revokeObjectURL(objectUrl)
+          document.body.removeChild(a)
+          this.exportLoading = false
+        })
+        .catch(err => {
+          this.exportLoading = false
+          this.$message.error(err.message)
+        })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>