epx-frame 3.5.0-shpgy.1

package/src/frame/views/EntityCheckList.vue

@@ -0,0 +1,164 @@
+<script>
+import List from '@/frame/views/List'
+
+export default {
+  name: 'epx-entity-check-list',
+  extends: List,
+  addPageFlag: 'v_check',
+  detailPageFlag: 'v_apply_detail',
+  editPageFlag: 'v_check',
+  taskActivityId: '',
+  listConfigs: {
+    flag: true, // 是否显示
+    titleFlag: true, // 是否需要标题
+    queryParams: {}, // 查询参数
+    listFields: null, // 查询字段
+    fieldConfigs: {}, // 字段配置
+    pageFlag: true, // 是否需要分页
+    pageSize: 20, // 每页记录数
+    operateEllipsis: 1,
+    operateFlag: true,
+    multiSelectColumnFlag: true, // 是否显示多选框列
+    serialColumnFlag: true, // 是否显示序号列
+    operateColumnFlag: true, // 是否显示操作列
+    operateColumnWidth: 140, // 操作列宽度
+    operateColumnPosition: 'start', // 操作列位置
+    operateColumnLocked: false,
+    operateColumnEllipsis: true, // Boolean/ Number
+    columnOperates: [
+      {
+        text: '查看',
+        handler: 'viewEntity'
+      }, {
+        text: '审核',
+        handler: 'check'
+      }
+    ],
+    operates: [{ // 操作按钮
+      text: '新增',
+      ui: 'primary',
+      handler: 'addEntity'
+    },
+    {
+      text: '导入',
+      ui: 'primary',
+      handler: 'entityImport'
+    }, {
+      text: '导出',
+      cls: 'btn_hollow',
+      handler: 'entityExport'
+    }
+    ]
+  },
+  methods: {
+    viewEntity (config, item) {
+      const { detailPageFlag = 'v_apply_detail', detailFlag, addPage } = this.pageConfig
+      if (!detailFlag) return
+      let key = 'ID'
+      if (this.meta) {
+        key = this.meta.getKey()
+      }
+      const query = {
+        metaId: this.$metaId,
+        flag: detailPageFlag,
+        pageType: 'DETAIL',
+        id: item[key],
+        component: addPage
+      }
+      this.$createPage({
+        ...query
+      })
+    },
+    check (config, item) {
+      // 获取审核页面
+      if (!item) {
+        if (this.selection.length > 1) {
+          this.$message.error('请不要选择多个记录')
+          return
+        }
+        if (this.selection.length === 0) {
+          this.$message.error('请选择一个记录')
+          return
+        }
+        item = this.selection[0]
+      }
+      const { checkPageFLag, taskActivityId } = this.pageConfig
+      if (checkPageFLag) {
+        this.$createPage({
+          metaId: this.$metaId,
+          id: item.ID,
+          flag: checkPageFLag,
+          pageType: 'DETAIL',
+          component: 'entity-check-page',
+          taskActivityId
+        })
+        return
+      }
+      this.$http.get({
+        action: 'getTaskPage',
+        entityId: 'ACT_RU_EXECUTION',
+        id: item[this.$metaKey]
+      })
+        .then(data => {
+          if (data.page) {
+            // 去审核页面
+            this.$createPage({
+              metaId: this.$metaId,
+              id: item.ID,
+              pageId: data.page,
+              pageType: 'DETAIL',
+              component: 'entity-check-page',
+              taskActivityId
+            })
+          } else {
+            this.$message.error('没有绑定审核页面')
+          }
+        })
+        .catch(err => {
+          console.error(err)
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    getData () {
+      const { id } = this.meta
+      const { queryParams = {}, pageFlag, listFields = [] } = this.listConfigs
+      const { searchMode } = this.searchConfigs
+      const fields = listFields.map(item => (item.attriName || item))
+      const params = {
+        action: 'list',
+        entityId: id,
+        //  + '#,PROCESS,PROCESS|ID,PROCESS|TASK|NODE,PROCESS|TASK|ID,PROCESS|TASK|NODE|PAGE'
+        columnFieldNames: fields.join('#,') + '#'
+      }
+      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(queryParams),
+        ...this.queryParams,
+        ...this.searchParams,
+        ...this.searchKeyParams
+      })
+        .then(data => {
+          this.loading = false
+          this.total = data.total
+          this.tableData = [...data.entitys]
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+// PROCESS,PROCESS|ID,PROCESS|TASK|NODE,PROCESS|TASK|ID,PROCESS|TASK|NODE|PAGE
+</script>
+
+<style>
+
+</style>

package/src/frame/views/EntityCheckPage.vue

@@ -0,0 +1,44 @@
+<script>
+import BasePageVue from '../packages/base-page/BasePage.vue'
+export default {
+  name: 'epx-entity-check-page',
+  extends: BasePageVue,
+  pageType: 'DETAIL',
+  items: [
+    {
+      id: 'nav',
+      title: '导航',
+      contentType: 'header'
+    },
+    {
+      id: 'tabs',
+      title: '审核',
+      contentType: 'page-tabs',
+      style: {
+        height: 'calc(100% - 70px)'
+      },
+      items: [
+        {
+          id: 'check_form',
+          title: '申请信息',
+          contentType: 'check-form'
+        },
+        {
+          id: 'process_chart',
+          title: '流程图',
+          contentType: 'process-chart'
+        },
+        {
+          id: 'check_history',
+          title: '审批记录',
+          contentType: 'check-history'
+        }
+      ]
+    }
+  ]
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/EntityDetailPage.vue

@@ -0,0 +1,75 @@
+<script>
+import EntityAddPage from '@/frame/packages/entity-add-page'
+export default {
+  name: 'epx-entity-detail-page',
+  extends: EntityAddPage,
+  pageType: 'DETAIL',
+  data () {
+    return {
+      showReleaseDialog: false
+    }
+  },
+  methods: {
+    release () {
+      // if (this.selection.length === 0) {
+      //   this.$message.error('请选择一个记录')
+      //   return
+      // }
+      this.showReleaseDialog = true
+    },
+    dialogButton () {
+      let ids = ''
+      const key = 'ID'
+      ids = this.selection.map(item => item[key])
+      const date = this.$refs.postData.$data.dataValue
+      const params = {
+        action: 'positionRelease',
+        entityId: this.$metaId,
+        ids: ids.join(','),
+        startDate: date[0],
+        endDate: date[1]
+      }
+      if (!date) {
+        this.$message.error('请选择日期')
+        return
+      }
+      this.$http.$request(params)
+        .then(data => {
+          this.$message.success('发布成功')
+          // this.backPage({ reload: true })
+          this.reloadPage()
+        })
+        .catch(err => {
+          this.$message.error(err.message || '发布失败')
+        })
+      this.showReleaseDialog = false
+    },
+    renderDate () {
+      return (
+        <el-dialog
+          custom-class="post-list__dialog"
+          show-close={false}
+          visible={this.showReleaseDialog}
+          title="请选择发布日期"
+          width="50%"
+          onClose={() => (this.showReleaseDialog = false)}
+        >
+          <epx-recruit-form-daterange ref="postData"></epx-recruit-form-daterange>
+          <span slot="footer" class="dialog-footer">
+            <el-button onClick={() => (this.showReleaseDialog = false)}>取 消</el-button>
+            <el-button type="primary" onClick={this.dialogButton}>确 定</el-button>
+          </span>
+        </el-dialog>
+      )
+    }
+  },
+  created () {
+    // this.renderComponents.push(this.renderDate)
+  }
+
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/EntityEditApply.vue

@@ -0,0 +1,136 @@
+<script>
+import AddVue from '@/frame/views/Add.vue'
+export default {
+  name: 'epx-entity-edit-apply',
+  extends: AddVue,
+  linkAddFlag: false,
+  subAddFlag: 'v_edit_apply_sub',
+  subComponent: 'entity-edit-apply-sub',
+  processCode: '',
+  // 表单区域
+  formConfigs: {
+    titleFlag: true,
+    fieldGroups: [],
+    fieldConfigs: {}, // 字段配置
+    column: '2',
+    operates: [
+      { // 操作按钮
+        text: '提交申请',
+        ui: 'primary',
+        handler: 'submitForm',
+        option: 'pageType==="EDIT"',
+        result: '1'
+      },
+      { // 操作按钮
+        text: '保存暂不修改',
+        ui: 'primary',
+        handler: 'submitForm',
+        option: 'pageType==="EDIT"',
+        result: '0'
+      },
+      {
+        text: '返回',
+        cls: 'btn_hollow',
+        handler: 'backPage'
+      }
+    ]
+  },
+  methods: {
+    submitForm (buttonConfig) {
+      const { submitParams: pageSubmitParams = {}, processCode: pageProcessCode, applyAction = 'dataEditApply' } = this.pageConfig
+      const { processCode = pageProcessCode, result = '1', action = applyAction } = buttonConfig
+      let submitFlag = true
+      // 获取子集信息
+      const params = {}
+      const gridCount = {}
+      // 提交
+      for (let index = 0; index < this.fieldGroups.length; index++) {
+        const fieldItem = this.fieldGroups[index]
+        if (fieldItem.contentType === 'sublist' || fieldItem.contentType === 'sub') {
+          const sublist = this.$refs[`sublist${index}`]
+          const sulistComponent = sublist.$refs.component
+          if (sulistComponent) {
+            const tableData = sulistComponent.tableData
+            const meta = sulistComponent.$metaId
+            const tableObject = {}
+            tableData.forEach((item, index) => {
+              const tableItem = {}
+              for (const key in item) {
+                if (!key.includes('#')) {
+                  tableItem[key] = item[key]
+                }
+              }
+              tableObject[index] = tableItem
+            })
+            gridCount[meta] = tableObject
+          }
+        } else if (!fieldItem.contentType && fieldItem.children) {
+          const form = this.$refs[`form${index}`]
+          for (let i = 0; i < fieldItem.children.length; i++) {
+            const fieldConfig = fieldItem.children[i]
+            const field = fieldItem.children[i].attriName
+            if (this.pageType === 'ADD' || this.pageType === 'EDIT') {
+              form.$refs.form.validate((valid, err) => {
+                if (!valid) {
+                  for (const key in err) {
+                    const errMessgae = err[key][0]
+                    this.$message.error(errMessgae.message)
+                    submitFlag = false
+                    return
+                  }
+                }
+              })
+            }
+            if (submitFlag === false) {
+              break
+            }
+            const formValue = form.formModel[field]
+            if (!field.includes('#')) {
+              let submitValue = formValue
+              if (Array.isArray(formValue)) {
+                submitValue = formValue[formValue.length - 1]
+              }
+              params[fieldConfig.name || `bean.${field}`] = submitValue || ''
+            }
+          }
+        }
+      }
+      if (submitFlag === false) return
+      let submitParams = this.$_.assignWith(this.$formatParams(pageSubmitParams), params, (pageSubmitValue, formValue) => {
+        return formValue || pageSubmitValue
+      })
+      submitParams = this.$_.assignWith(submitParams, this.submitParams, (submitValue, _submitValue) => {
+        return submitValue || _submitValue
+      })
+      if (this.isRequesting) return
+      this.isRequesting = true
+      this.$http.save({
+        action,
+        entityId: this.$metaId,
+        busiMetaId: this.$metaId,
+        gridCount: JSON.stringify(gridCount),
+        ...submitParams,
+        processCode,
+        result
+      })
+        .then(() => {
+          this.isRequesting = false
+          this.$message.success('信息修改申请成功')
+          this.backPage()
+        })
+        .catch(err => {
+          this.isRequesting = false
+          this.$message.error(err.message || '处理失败')
+        })
+    }
+  },
+  created () {
+    // 子集显示修改状态 --> 新增/删除/修改/未修改
+    // 增加子集字段
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/EntityEditPage.vue

@@ -0,0 +1,13 @@
+<script>
+import EntityAddPage from '@/frame/packages/entity-add-page'
+export default {
+  name: 'epx-entity-edit-page',
+  extends: EntityAddPage,
+  pageType: 'EDIT'
+
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/EntityFind.vue

@@ -0,0 +1,135 @@
+<script>
+import List from '@/frame/views/List'
+
+export default {
+  name: 'epx-entity-find',
+  extends: List,
+  detailFlag: false, // 能否打开详情页
+  searchFlag: true, // 是否显示查询区域
+  searchMode: 'multiField', // 简单查询模式
+  addPage: 'add',
+  addPageFlag: 'v_add',
+  detailPageFlag: 'v_add',
+  editPageFlag: 'v_add',
+  locked: false, // 是否锁定列表
+  navConfigs: {
+    flag: false
+  },
+  // 查询区域
+  searchConfigs: {
+    flag: true, // 是否显示
+    mode: 'fields',
+    collapsible: true, // 是否可以隐藏
+    title: '筛选条件',
+    searchMode: 'simple'
+  },
+  filterConfigs: {
+    flag: true // 是否显示
+  },
+  // 列表区域
+  listConfigs: {
+    flag: true, // 是否显示
+    titleFlag: true, // 是否需要标题
+    queryParams: {}, // 查询参数
+    listFields: null, // 查询字段
+    fieldConfigs: {}, // 字段配置
+    pageFlag: true, // 是否需要分页
+    pageSize: 20, // 每页记录数
+    operateEllipsis: 1,
+    operateFlag: true,
+    multiSelectColumnFlag: false, // 是否显示多选框列
+    serialColumnFlag: true, // 是否显示序号列
+    operateColumnFlag: true, // 是否显示操作列
+    operateColumnWidth: 40, // 操作列宽度
+    operateColumnPosition: 'start', // 操作列位置
+    operateColumnLocked: false,
+    operateColumnEllipsis: false, // Boolean/ Number
+    columnOperates: [{
+      text: '选择',
+      ui: 'primary',
+      handler: 'selectEntity'
+    }],
+    operates: []
+  },
+  props: {
+    change: {
+      type: Function
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    defaultSelection: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    value: {
+      type: Array,
+      default () {
+        return []
+      }
+    }
+  },
+  watch: {
+    selection (v) {
+      // 更新数据
+      const key = this.meta.getKey()
+      const label = this.meta.getLabel()
+      const result = v.map(item => ({ id: item[key], name: item[label] }))
+      this.change(result)
+    },
+    value (v) {
+      if (v.length === 0) {
+        const listTable = this.$refs.listTable
+        if (listTable && listTable.$refs.table) {
+          listTable.$refs.table.clearSelection()
+        }
+      }
+    }
+  },
+  methods: {
+    updatePageConfig () {
+      const { config = {} } = this.page || {}
+      let { searchConfigs = {} } = this.pageConfig
+      const key = this.meta.getKey()
+      const label = this.meta.getLabel()
+      if (!config.searchConfigs || !config.searchConfigs.searchFields) {
+        searchConfigs = {
+          ...searchConfigs,
+          searchFields: [key, label]
+        }
+        this.$set(this.pageConfig, 'searchConfigs', searchConfigs)
+      }
+    },
+    viewEntity (config, item) {
+      this.selectEntity(null, item)
+    },
+    selectEntity (config, item) {
+      this.select = item
+      // 获取对象主键 和外联标签
+      const key = this.meta.getKey()
+      const label = this.meta.getLabel()
+      const result = {
+        id: item[key],
+        name: item[label]
+      }
+      this.change(result)
+    }
+  },
+  created () {
+    this.updatePageConfig()
+    if (this.multiple) {
+      const { listConfigs } = this.pageConfig
+      listConfigs.multiSelectColumnFlag = true
+      listConfigs.columnOperates = []
+      this.$set(this.pageConfig, 'listConfigs', listConfigs)
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/EntitySingleAdd.vue

@@ -0,0 +1,31 @@
+<script>
+import Add from './Add'
+export default {
+  name: 'epx-entity-single-add',
+  extends: Add,
+  methods: {
+    getData () {
+      const { link, queryParams = {} } = this.pageConfig
+      const params = {
+        entityId: this.$metaId
+      }
+      if (link) params.link = link
+      if (this.pageType === 'ADD') {
+        params.action = 'getDefault'
+        delete params.id
+      }
+
+      this.$http.find({ ...params, ...queryParams })
+        .then(res => {
+          if (res && res.data) {
+            this.data = res.data
+          }
+        })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/EntitySubListPage.vue

@@ -0,0 +1,44 @@
+<script>
+import EntityListPage from '../packages/entity-list-page/EntityListPage.vue'
+export default {
+  name: 'epx-entity-sub-list-page',
+  extends: EntityListPage,
+  searchComponent: '',
+  items: [
+  ],
+  itemConfigs: {},
+  methods: {
+    initComponents () {
+      const { searchComponent } = this.$configs
+      const { items = [] } = this.$component
+      if (items.length === 0) {
+        if (this.openType !== '2') {
+          items.push({
+            title: '导航',
+            id: 'nav',
+            contentType: 'header'
+          })
+        }
+        items.push(
+          {
+            title: '列表区域',
+            id: 'list',
+            contentType: 'entity-sub-list',
+            configs: {
+            }
+          })
+        this.$set(this.$component, 'items', items)
+      }
+      if (searchComponent) {
+        items.forEach(item => {
+          if (item.id === 'search') item.contentType = searchComponent
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>