epx-frame 3.5.0-shpgy.1

package/src/frame/components/CreatePage.vue

@@ -0,0 +1,329 @@
+<template>
+  <div>
+    <!-- 设置筛选 -->
+    <epx-search-filter
+      :meta="$meta"
+      :fields="searchFields"
+      :showFilter="false"
+      :key="$configs.keywords"
+      @search="search"
+    ></epx-search-filter>
+    <div class="page-container">
+      <template v-if="!templateList"></template>
+      <ul class="component-list" v-else-if="templateList.length>0">
+        <li class="component-item" @click="createBasePage">
+          <div class="base-page">
+            <i class="el-icon-circle-plus-outline"></i>
+            <p>从空白页面创建</p>
+          </div>
+        </li>
+        <template v-for="component in templateList">
+          <li class="component-item" v-if="component.CODE!=='base-page'" :key="component.ID" @click="template=component;createPageVisible=true">
+            <div class="component-image" :style="component.PICTURE ? { backgroundImage: `url(${$util.getFileUrl(component.PICTURE)})` }: {}">
+                <div class="no-image" v-if="!component.PICTURE">
+                <i class="el-icon-picture-outline"></i>
+                <p>暂无缩略图</p>
+              </div>
+            </div>
+            <!-- 组件详细信息 -->
+            <div class="component-content">
+              <p class="component-name">{{component.TITLE}}</p>
+              <p class="component-desc__item">
+                {{component.REMARK || '暂无描述'}}
+              </p>
+            </div>
+          </li>
+        </template>
+      </ul>
+      <div v-else class="no-data">
+        <i class="epx-icon-kong"></i>
+        <p>暂无模板</p>
+      </div>
+    </div>
+    <el-dialog
+      width="500px"
+      title="填写页面信息"
+      :visible.sync="createPageVisible"
+    >
+      <epx-table-form v-if="fieldsConfigs.length>0" class="form-content" ref="form" metaId="FM_PAGE_CONFIG" :fieldsConfigs="fieldsConfigs" v-model="form" :column="1"></epx-table-form>
+      <div class="button-group">
+        <el-button type="primary" @click="createPage(false)">保存</el-button>
+        <el-button type="primary" @click="createPage(true)">保存并配置</el-button>
+        <el-button @click="createPageVisible=false">返回</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import component from '@/utils/mixins/component'
+export default {
+  name: 'epx-create-page',
+  mixins: [component],
+  data () {
+    return {
+      templateList: null,
+      template: null,
+      searchScopeParams: [],
+      searchKeyParams: {},
+      createPageVisible: false,
+      form: {},
+      fieldsConfigs: []
+    }
+  },
+  computed: {
+    searchFields () {
+      const { searchFields = [] } = this.$configs
+      return searchFields
+    },
+    scopeParams () {
+      const { scopeParams: configScopeParams = [] } = this.$configs
+      const { scopeParams: queryScopeParams = [] } = this.$query
+      // 格式化scopeParams
+      const _scopeParams = this.$_.cloneDeep([...configScopeParams, ...queryScopeParams, ...this.searchScopeParams])
+      // eslint-disable-next-line no-unused-vars
+      const that = this
+      for (const scopeKey in _scopeParams) {
+        const scope = _scopeParams[scopeKey]
+        if (!scope) continue
+        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}`) || eval(`that.${key}`) || ''
+            } catch (error) {
+              return 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) {
+              return scope.values
+            }
+          })
+        }
+        scope.values = values
+      }
+      return _scopeParams
+    }
+  },
+  methods: {
+    search (params) {
+      this.searchScopeParams = params
+      this.getData()
+    },
+    getData () {
+      const params = {
+        entityId: 'FM_PAGE',
+        'scope.TYPE#not_in': '01 ',
+        columnFieldNames: this.$meta.getAllFields().join('#,') + '#',
+        ...this.searchKeyParams
+      }
+      if (this.scopeParams) params.scopeParams = JSON.stringify(this.scopeParams)
+
+      this.$http.list(params)
+        .then(data => {
+          this.templateList = data.entitys
+        })
+    },
+    getPageFieldConfigs () {
+      const fields = ['TITLE', 'FLAG', 'META_ID', 'TERMINAL']
+      this.$FieldFactory.createFields({
+        metaId: 'FM_PAGE_CONFIG',
+        pageType: 'ADD',
+        fields: fields
+      })
+        .then(data => {
+          this.fieldsConfigs = data
+        })
+    },
+    createBasePage () {
+      const template = this.templateList.find(item => item.CODE === 'base-page')
+      this.template = template
+      this.createPageVisible = true
+    },
+    createPage (toVisual) {
+      const form = this.$refs.form
+      // 获取表单数据
+      form.validate((valid, err) => {
+        if (!valid) {
+          for (const key in err) {
+            const errMessgae = err[key][0]
+            this.$message.error(errMessgae.message)
+            return
+          }
+        } else {
+          const params = {
+            entityId: 'FM_PAGE_CONFIG',
+            'bean.CLIENT': this.CLIENT,
+            'bean.SYSTEM': this.SYSTEM,
+            'bean.PAGE_ID': this.template.ID
+          }
+          const formData = form.model.data
+          for (const key in formData) {
+            if (!key.includes('#')) params[`bean.${key}`] = formData[key]
+          }
+          if (this.isRequesting) return
+          this.isRequesting = true
+          this.$http.save(params)
+            .then(data => {
+              this.$message.success('保存成功')
+              this.createPageVisible = false
+              if (toVisual) {
+                this.goPage({
+                  component: 'visual-config-page',
+                  metaId: 'FM_PAGE_CONFIG',
+                  type: 'replace',
+                  params: {
+                    entityId: formData.META_ID,
+                    title: formData.TITLE,
+                    id: data
+                  }
+                })
+              } else {
+                this.backPage()
+              }
+              this.isRequesting = false
+            })
+            .catch(err => {
+              this.$message.error(err.message)
+              this.isRequesting = false
+            })
+        }
+      })
+    }
+  },
+  created () {
+    this.getData()
+    this.getPageFieldConfigs()
+    this.$event.on('search-keyword', (searchKeyParams) => {
+      if (searchKeyParams) {
+        this.searchKeyParams = searchKeyParams
+        this.getData()
+      }
+    })
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.component-list {
+  flex: 1;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  margin: 0 -10px;
+  overflow: auto;
+}
+.component-item {
+  width: calc(25% - 20px);
+  min-width: 250px;
+  margin: 10px;
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+  &.is-select {
+    &::after {
+      pointer-events: none;
+      content: '';
+      display: block;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: calc(100% - 1px);
+      height: calc(100% - 1px);
+      border: 1px solid;
+      @include border_color_primary(.6);
+    }
+    .select-icon {
+      display: block;
+    }
+  }
+  &:hover {
+    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
+    .component-operate {
+      display: flex;
+    }
+  }
+}
+.base-page {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  @include font_color_primary;
+  font-size: 16px;
+  >i {
+    font-size: 40px;
+    margin-bottom: 10px;
+  }
+
+}
+.component-image {
+  width: 100%;
+  height: 140px;
+  background: #E2E4E8;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  overflow: hidden;
+  position: relative;
+}
+
+.no-image {
+  text-align: center;
+  color: #999;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -32px;
+  margin-left: -34px;
+  >i {
+    font-size: 36px;
+    margin-bottom: 8px;
+  }
+}
+.component-content {
+  background: #fff;
+  overflow: hidden;
+  padding: 10px 20px;
+}
+
+.component-name {
+  margin: 4px 0;
+  font-size: 16px;
+  line-height: 1;
+}
+
+.component-desc__item {
+  color: #666;
+  font-size: 12px;
+  line-height: 24px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  height: 48px;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.no-data {
+  text-align: center;
+  color: #999;
+  >i {
+    font-size: 100px;
+  }
+}
+.button-group {
+  text-align: center;
+  margin-top: 10px;
+}
+</style>

package/src/frame/components/DataLog.vue

@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <table border="1" class="data-log__table">
+      <tr class="data-log__row data_log__header">
+        <th class="data-log__cell">字段名称</th>
+        <template v-if="operateType==='update'">
+          <th class="data-log__cell">修改前</th>
+          <th class="data-log__cell">修改后</th>
+        </template>
+        <th v-if="operateType==='add'">新增数据</th>
+        <th v-if="operateType==='delete'">删除数据</th>
+      </tr>
+      <tr v-for="field in fields" :key="field.name" class="data-log__row">
+        <td class="data-log__cell">{{field.attriLabel}}</td>
+        <td class="data-log__cell" v-if="operateType!=='add'">{{beforeData[field.attriName] || ''}}</td>
+        <td :class="['data-log__cell', {'data-log__cell--update': (operateType==='update' && afterData[field.attriName] && afterData[field.attriName]!==beforeData[field.attriName])}]" v-if="operateType!=='delete'" >{{afterData[field.attriName] || beforeData[field.attriName] || ''}}</td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+import component from '@/utils/mixins/component'
+export default {
+  name: 'epx-data-log',
+  mixins: [component],
+  props: {
+    formData: Object
+  },
+  data () {
+    return {
+      fields: []
+    }
+  },
+  computed: {
+    beforeData () {
+      const { COTENT_BAFORE } = this.formData
+      const beforeData = JSON.parse(COTENT_BAFORE || '{}')
+      return beforeData.data || {}
+    },
+    afterData () {
+      const { CONTENT } = this.formData
+      const afterData = JSON.parse(CONTENT || '{}')
+      return afterData.data || {}
+    },
+    operateType () {
+      const { OPERATE_TYPE } = this.formData
+      return OPERATE_TYPE
+    }
+  },
+  methods: {
+    getEntityMeta () {
+      const { META } = this.formData
+      this.$store.dispatch({
+        type: 'ADD_META',
+        metaId: META
+      }).then(meta => {
+        const { keyNames = [], keyType = '' } = meta
+        this.fields = meta.getAllFieldConfigs().filter(item => !(keyNames.includes(item.attriName) && keyType !== 'derive'))
+      })
+    }
+  },
+  created () {
+    this.getEntityMeta()
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.data-log__table {
+  border-collapse: collapse;
+  border: 0;
+}
+.data-log__table, .data-log__row, .data-log__cell {
+  border-color: #DCDFE6;
+}
+.data_log__header {
+  background: #F2F3F7;
+}
+.data-log__cell {
+  padding: 16px;
+  line-height:16px;
+  &:first-child {
+    white-space: nowrap;
+  }
+}
+.data-log__cell--update {
+  color: #C83C3C
+}
+</style>

package/src/frame/components/DblogList.vue

@@ -0,0 +1,158 @@
+<script>
+import List from '@/frame/packages/entity-list'
+export default {
+  extends: List,
+  name: 'epx-dblog-list',
+  // 扩展方法
+  _extendMethods: {
+    exportDblog: '导出日志',
+    importDblog: '导入日志'
+  },
+  data () {
+    return {
+      renderComponents: [this.renderSearch, this.renderButtons, this.renderTable, this.renderDate],
+      dialogVisible: false,
+      showUpload: true,
+      file: {},
+      fileName: ''
+    }
+  },
+  methods: {
+    exportDblog () {
+      if (this.selection.length > 0) {
+        let ids = ''
+        const key = 'ID'
+        ids = this.selection.map(item => item[key])
+        var tempFormId = document.createElement('form')
+        // 制定发送请求的方式为post
+        tempFormId.method = 'post'
+        tempFormId.action = this.$util.getPlatformUrl({
+          action: 'updateLogExport',
+          entityId: 'FM_DB_LOG',
+          outputType: 'excel'
+        })
+        tempFormId.target = '_blank'
+        const input = document.createElement('input')
+        input.type = 'hidden'
+        input.name = 'ids'
+        input.value = ids
+        tempFormId.appendChild(input)
+        // 将此form表单添加到页面主体body中
+        document.body.appendChild(tempFormId)
+        // 手动触发，提交表单
+        tempFormId.submit()
+        // 从body中移除form表单
+        document.body.removeChild(tempFormId)
+      } else {
+        const size = this.scopeParams.length
+        let value = ''
+        for (let i = 0; i < size; i++) {
+          value += this.scopeParams[i].values
+        }
+        if (!value) {
+          this.$message.error('请添加筛选条件以后进行导出')
+        } else {
+          // 首先创建一个form表单
+          var tempForm = document.createElement('form')
+          // 制定发送请求的方式为post
+          tempForm.method = 'post'
+          // 此为window.open的url，通过表单的action来实现
+          tempFormId.action = this.$util.getPlatformUrl({
+            action: 'updateLogExport',
+            entityId: 'FM_DB_LOG',
+            outputType: 'excel'
+          })
+          // 利用表单的target属性来绑定window.open的一些参数（如设置窗体属性的参数等）
+          tempForm.target = '_blank'
+          this.scopeParams.forEach(item => {
+            const input = document.createElement('input')
+            input.type = 'hidden'
+            input.name = `search.${item.field}`
+            input.value = item.values
+            tempForm.appendChild(input)
+          })
+          // 将此form表单添加到页面主体body中
+          document.body.appendChild(tempForm)
+          // 手动触发，提交表单
+          tempForm.submit()
+          // 从body中移除form表单
+          document.body.removeChild(tempForm)
+        }
+      }
+    },
+    importDblog () {
+      this.dialogVisible = true
+    },
+    fileChange (file, fileList) {
+      this.file = file
+    },
+    // 导入更新日志
+    dialogButton () {
+      if (!this.file.name) {
+        this.$message.info('您还未上传日志文件')
+        return
+      }
+      const params = {
+        action: 'executeUpdateLog',
+        entityId: 'FM_DB_LOG',
+        file: this.file.raw
+      }
+      this.$http.save(params, {
+        requestType: 'FormData'
+      })
+        .then(data => {
+          this.$message.success('导入成功')
+          this.showUpload = false
+          this.$nextTick(() => {
+            setTimeout(() => {
+              this.showUpload = true
+            }, 0)
+          })
+          this.dialogVisible = false
+        })
+        .catch(err => {
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    cancelUpload () {
+      this.showUpload = false
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.showUpload = true
+        }, 0)
+      })
+      this.dialogVisible = false
+    },
+    renderDate () {
+      return (
+        <el-dialog
+          show-close={false}
+          visible={this.dialogVisible}
+          title="请选择日志文件"
+          width="50%"
+          onClose={() => (this.dialogVisible = false)}
+        >
+          {
+            this.showUpload ? (
+              <epx-upload label="日志文件" fileChange={this.fileChange}></epx-upload>
+            ) : (null)
+          }
+          <span slot="footer" >
+            <el-button onClick={this.cancelUpload}>取 消</el-button>
+            <el-button type="primary" onClick={this.dialogButton}>确 定</el-button>
+          </span>
+        </el-dialog>
+      )
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+//   .el-dialog__body{
+//   text-align: center;
+// }
+// .el-dialog__footer{
+//   text-align: center;
+// }
+</style>

package/src/frame/components/DeptFind.vue

@@ -0,0 +1,126 @@
+<script>
+import EntitTreeFind from '@/frame/packages/entity-tree-find'
+export default {
+  name: 'epx-dept-find',
+  extends: EntitTreeFind,
+  expand: 'first',
+  style: {
+    margin: 0,
+    padding: 0
+  },
+  props: {
+    cancel: {
+      type: Function
+    }
+  },
+  data () {
+    return {
+      renderComponents: [this.searchRender, this.treeRender, this.renderFooter]
+    }
+  },
+  methods: {
+    treeNodeRender (h, { node, data, store }) {
+      return (
+        <span class="tree-node" >
+          <span>{ data.name }</span>
+        </span>
+      )
+    },
+    renderFooter () {
+      return (
+        <div class="button-group">
+          <el-button size="medium" type="primary" onClick={this.confirm.bind(this)}>确定</el-button>
+          <el-button size="medium" onClick={this.cancel.bind(this)}>取消</el-button>
+        </div>
+      )
+    },
+    nodeClick (item) {
+      const { onlySelectLeaf = this.leafFlag } = this.fieldConfig
+      if (onlySelectLeaf && !item.leaf) return
+      if (this.multiple) {
+        const index = this.selection.findIndex(select => select.id === item[this.nodeKey])
+        if (index === -1) {
+          this.$refs.tree.setChecked(item[this.nodeKey], true)
+        } else {
+          this.$refs.tree.setChecked(item[this.nodeKey], false)
+        }
+      } else {
+        this.selection = [item]
+      }
+    },
+    nodeCheckChange (item) {
+      const checkNodes = this.$refs.tree.getCheckedNodes()
+      this.selection = [...checkNodes]
+      // this.$refs.tree.setChecked(item[this.nodeKey], true)
+    },
+    confirm () {
+      const result = this.selection.map(item => ({ id: item[this.nodeKey], name: item.text || item.name }))
+      if (this.multiple) {
+        this.change(result)
+      } else {
+        this.change(result[0])
+      }
+      this.cancel()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  margin-top: -10px;
+  width: 100%;
+  min-width: 600px;
+  height: 400px;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  position: relative;
+
+}
+.search-container {
+  padding-right: 10px;
+  margin-bottom: 10px;
+  flex-shrink: 0;
+}
+.tree {
+  flex: 1;
+  overflow: auto;
+   &::v-deep {
+    .el-tree-node.is-current {
+      >.el-tree-node__content {
+        @include bg_color_primary(.2) ;
+      }
+    }
+    .el-tree-node__content {
+      height: 48px;
+      &:hover, &:focus {
+         @include bg_color_primary(.2) ;
+      }
+    }
+  }
+}
+
+.tree-node {
+  flex: 1;
+  line-height: 32px;
+}
+
+.tree-node >i{
+  @include font_color_primary;
+  margin-right: 8px;
+  font-size: 16px;
+}
+
+.button-group {
+  padding-top: 20px;
+  text-align: center;
+  border-top: 1px solid #e3e3e3;
+  &::v-deep {
+    .el-button {
+      margin: 0 20px;
+    }
+  }
+}
+
+</style>