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

package/src/base/ProcessFormItem.vue

@@ -0,0 +1,129 @@
+<template>
+    <div class="epx-add-form-item" :style="$component.style">
+        <epx-table-form v-if="fieldsConfigs.length>0" class="form-content" ref="form" :metaId="$metaId" :fieldsConfigs="fieldsConfigs" v-model="data" :column="column" :label-align="$configs.labelAlign">
+            <template v-slot:default="{showLabel, fieldConfigs, metaId, ruleMetaId }">
+                <epx-table-form-item
+                    v-if="fieldConfigs.attriName==='TASK_NAME'"
+                    :show-label="showLabel"
+                    :label="fieldConfigs.attriLabel"
+                    :metaId="metaId"
+                    :ruleMetaId="ruleMetaId"
+                    :fieldConfigs="fieldConfigs"
+                    :rules="[{
+                        required: fieldConfigs.isRequired==='1' && fieldConfigs.state!=='SEARCH',
+                        message: `${fieldConfigs.attriLabel}不能为空`
+                    }]"
+                    >
+                        <epx-rule class="verify-rule-container"
+                            v-model="rule"
+                            :extendVariable="extendVariable"
+                            :fieldConfigs="fieldConfigs"
+                            >
+                        </epx-rule>
+                </epx-table-form-item>
+
+                <epx-table-form-item
+                    v-else
+                    :show-label="showLabel"
+                    :label="fieldConfigs.attriLabel"
+                    :metaId="metaId"
+                    :ruleMetaId="ruleMetaId"
+                    :fieldConfigs="fieldConfigs"
+                    :rules="[{
+                    required: fieldConfigs.isRequired==='1' && fieldConfigs.state!=='SEARCH',
+                    message: `${fieldConfigs.attriLabel}不能为空`
+            }]">
+            </epx-table-form-item>
+            </template>
+        </epx-table-form>
+    </div>
+</template>
+<script>
+import AddFormItemVue from '@epxing/components/src/add-form-item/AddFormItem.vue'
+export default {
+  name: 'epx-process-form-item',
+  extends: AddFormItemVue,
+  data () {
+    return {
+      extendVariable: []
+    }
+  },
+  computed: {
+    rule: {
+      get () {
+        return this.formData.TASK_NAME
+      },
+      set (v) {
+        this.formData.TASK_NAME = v
+      }
+    }
+  },
+  watch: {
+    'data.ENTITY': {
+      handler (v) {
+        setTimeout(() => {
+          const index = this.fieldsConfigs.findIndex(item => item.attriName === 'KEYWORD_FIELDS')
+          if (index !== -1) {
+            this.fieldsConfigs.splice(index, 1, { ...this.fieldsConfigs[index], codeKey: v })
+          }
+          this.getEntityVariable()
+        }, 400)
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    getExtendVariable () {
+      if (!this.data.ENTITY) return
+      const params = {
+        entityId: this.$util.getSystemMeta('FM_ENTITY'),
+        'scope.ID': this.data.ENTITY
+      }
+      this.$http.find(params).then(res => {
+        if (res && res.data) {
+          const object = { children: null, code: res.data.CODE, text: res.data.NAME }
+          this.getEntityVariable(object)
+        }
+      })
+    },
+    getEntityVariable (object) {
+      if (!this.data.ENTITY) return
+      this.extendVariable = []
+      this.$http.$get({
+        action: 'getEntityMetaView',
+        entityId: 'FM_ENTITY_VIEW',
+        metaId: this.data.ENTITY,
+        depth: '2',
+        relationSort: '2,3'
+      })
+        .then(data => {
+          if (data) {
+            data[0].isMain = true
+            const formatData = (arr, parent) => {
+              return arr.map(item => {
+                item.linkCode = (item.linkCode || item.code).replace(/\|/g, '.')
+                item.code = item.linkCode
+                if (parent && !parent.isMain) {
+                  item.linkText = (parent.linkText || parent.text) + '.' + item.text
+                }
+                if (item.children) {
+                  item.children = formatData(item.children, item)
+                }
+                return item
+              })
+            }
+            this.fieldTree = formatData(data)
+            this.extendVariable = [...this.fieldTree]
+          }
+        })
+    }
+  },
+  created () {
+    this.getEntityVariable()
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/base/PublishSystemApplyFormItem.vue

@@ -0,0 +1,87 @@
+<script>
+// @jsx-vue3（T30 JSX 批：Vue3 JSX 语法，@vue/babel-plugin-jsx 编译）
+
+import AddFormItem from '@epxing/components/src/add-form-item'
+export default {
+  name: 'epx-base-publish-system-apply-form-item',
+  extends: AddFormItem,
+  methods: {
+    uploadFileCallBack (fieldConfigs, data) {
+      this.data[fieldConfigs.attriName.replace('_URL', '')] = data.id
+      this.data[fieldConfigs.attriName] = data.url.replace('/file-server', '')
+    },
+    filePickerCallback (callback) {
+      const that = this
+      const changeFile = function () {
+        const file = this.files[0]
+        that.$http.save({
+          action: 'upload',
+          entityId: 'FM_APP_DEPLOY_APPLY',
+          file: file
+
+        }, {
+          requestType: 'formData'
+        })
+          .then(data => {
+            if (data && data.url) {
+              callback(data.url, { text: file.name })
+            }
+          })
+      }
+      let input = document.createElement('input')
+      input.setAttribute('type', 'file')
+      input.click()
+      input.onchange = changeFile
+      input = null
+    },
+    renderForm () {
+      let { labelWidthType, labelWidth, valueWidthType, valueWidth, labelFontSize, valueFontSize, lineSpace, mFormStyle, mFormPadding } = this.$configs
+      labelWidth = labelWidthType === 'auto' ? 'auto' : labelWidth
+      valueWidth = valueWidthType === 'auto' ? 'auto' : valueWidth
+      if (this.fieldsConfigs.length > 0 && this.loadForm) {
+        return (
+          <epx-table-form class="epx-add-form-item__content" ref="form" metaId={this.$metaId} fieldsConfigs={this.fieldsConfigs} pageType={this.componentType} v-model={this.data} fieldRelation={this.fieldRelation} column={this.column} labelAlign={this.$configs.labelAlign} lineSpace={lineSpace} labelWidth={labelWidth} labelFontSize={labelFontSize} valueWidth={valueWidth} valueFontSize={valueFontSize} mFormStyle={mFormStyle} mFormPadding={mFormPadding} showRelyFlag={this.$configs.showRelyFlag !== false} valueRelyFlag={this.$configs.valueRelyFlag !== false}
+            v-slots={{
+              default: ({ showLabel, fieldConfigs, metaId, ruleMetaId }) => {
+                return fieldConfigs.dataType === 'photo' && (fieldConfigs.state === 'EDIT' || fieldConfigs.state === 'ADD') ? (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    fieldConfigs={fieldConfigs}
+                    uploadFileCallBack={v => this.uploadFileCallBack(fieldConfigs, v)}
+                  >
+                  </epx-table-form-item>
+                ) : fieldConfigs.dataType === 'html' ? (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    fieldConfigs={fieldConfigs}
+                    filePickerCallback={this.filePickerCallback}
+                  >
+                  </epx-table-form-item>
+                ) : (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    ruleMetaId={ruleMetaId}
+                    fieldConfigs={fieldConfigs}
+                  >
+                  </epx-table-form-item>
+                )
+              }
+            }}
+          >
+          </epx-table-form>
+        )
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/base/RequestLog.vue

@@ -0,0 +1,198 @@
+<template>
+  <div class="container">
+    <div class="log-header">
+      <div class="log-operate">
+        <el-button size="default" @click="copy">一键复制</el-button>
+      </div>
+      <div class="log-keywords">
+        <label for="">搜索：</label>
+        <el-input placeholder="请输入关键词" v-model="keyword" @change="search"></el-input>
+        <p class="log-keywords__num">{{activeRangeIndex + 1}}/{{rangeList.length}}</p>
+        <div class="log-keywords__operate">
+          <span @click="last">
+            <i class="el-icon-arrow-up"></i>
+          </span>
+          <span @click="next">
+            <i class="el-icon-arrow-down"></i>
+          </span>
+        </div>
+      </div>
+    </div>
+    <ul class="log-list" ref="logList">
+      <div class="no-data" v-if="logList.length===0 && !loading">
+        <i class="epx-icon-color-kong"></i>
+        <p>暂无日志信息</p>
+      </div>
+      <li class="log-item" v-for="(log, index) in logList" :key="index">
+        <p>{{log['@timestamp']}} {{log.level}} {{log['message']}}</p>
+        <p v-if="log.stacktrace">{{ log.stacktrace }}</p>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import { component } from '@epxing/core/src/mixins'
+export default {
+  name: 'epx-base-request-log',
+  mixins: [component],
+  data () {
+    return {
+      keyword: '',
+      loading: true,
+      logList: [],
+      rangeList: [],
+      activeRangeIndex: -1
+    }
+  },
+  methods: {
+    getLogStackTrace () {
+      this.$http.get({
+        action: 'getLogStackTrace',
+        entityId: 'FM_REQUEST_LOG',
+        requestId: this.$query.id
+      })
+        .then(data => {
+          this.logList = data
+          this.loading = false
+        })
+    },
+    copy () {
+      this.$util.copyToClipboard(this.logList.map(log => `${log['@timestamp']} ${log.level} ${log.message}`).join('\r\n'), () => {
+        this.$message.success('复制成功')
+      })
+    },
+    search () {
+      CSS.highlights.clear()
+      this.activeRangeIndex = -1
+      this.rangeList = []
+      if (!this.keyword) {
+        return
+      }
+      var regex = new RegExp(this.keyword, 'gi')
+      const rangeList = []
+      for (const item of this.$refs.logList.childNodes) {
+        let match
+        // eslint-disable-next-line no-cond-assign
+        while (match = regex.exec(item.innerText)) {
+          const index = match.index
+          const range = new Range()
+          range.setStart(item.childNodes[0], index)
+          range.setEnd(item.childNodes[0], index + this.keyword.length)
+          rangeList.push({ range, node: item, index })
+        }
+      }
+      this.rangeList = rangeList
+      if (this.rangeList.length === 0) {
+        return
+      }
+      this.viewSearchResult(0)
+    },
+    viewSearchResult (index) {
+      // eslint-disable-next-line no-undef
+      const searchHighlight = new Highlight(...this.rangeList.map(item => item.range))
+      CSS.highlights.set('log-search-highlight', searchHighlight)
+      this.activeRangeIndex = index
+      const range = this.rangeList[index]
+      if (range) {
+      // eslint-disable-next-line no-undef
+        const highlight = new Highlight(range.range)
+        CSS.highlights.set('log-search-active-highlight', highlight)
+        range.node.scrollIntoView()
+      }
+    },
+    last () {
+      if (this.rangeList.length === 0) return
+      let index = this.activeRangeIndex - 1
+      if (this.activeRangeIndex === 0) {
+        index = this.rangeList.length - 1
+      }
+      if (index > 0 && index !== this.activeRangeIndex) {
+        this.viewSearchResult(index)
+      }
+    },
+    next () {
+      if (this.rangeList.length === 0) return
+      let index = this.activeRangeIndex + 1
+      if (this.activeRangeIndex === this.rangeList.length - 1) {
+        index = 0
+      }
+      if (index !== this.activeRangeIndex) {
+        this.viewSearchResult(index)
+      }
+    }
+  },
+  mounted () {
+    this.getLogStackTrace()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  box-sizing: border-box;
+  background: var(--epx-bg-card);
+  padding: 20px;
+  height: 100%;
+}
+.log-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.log-keywords {
+  display: flex;
+  align-items: center;
+  >label {
+    white-space: nowrap;
+  }
+}
+.log-keywords__num {
+  margin: 0 10px;
+}
+.log-keywords__operate {
+  display: flex;
+  >span {
+    font-size: var(--epx-font-size-base);
+    line-height: 1;
+    padding: 12px 8px;
+    border: 1px solid var(--epx-border);
+    background: var(--epx-bg);
+    border-radius: 0px 4px 4px 0px;
+    cursor: pointer;
+    &:first-child {
+      border-right: 0;
+      border-radius: 4px 0px 0px 4px;
+    }
+  }
+}
+.log-list {
+  height: calc(100% - 100px);
+  overflow: auto;
+  background: var(--epx-bg-card);
+  border-radius: var(--epx-radius-base);
+  border: 1px solid var(--epx-border);
+  font-size: var(--epx-font-size-base);
+  color: #444444;
+  padding: 10px;
+  white-space: pre-wrap;
+}
+.no-data {
+  margin-top: 100px;
+  text-align: center;
+  color: var(--epx-text-secondary);
+  line-height: 1.1;
+  >i {
+    font-size: 120px;
+  }
+}
+</style>
+<style>
+::highlight(log-search-highlight) {
+  background-color: #FF9933;
+}
+::highlight(log-search-active-highlight) {
+  background-color: #FFE800;
+}
+</style>

package/src/base/RightRiskList.vue

@@ -0,0 +1,212 @@
+<script>
+// @jsx-vue3（T30 JSX 批③：scopedSlots 集群 Vue3 化）
+import EntityList from '@epxing/components/src/entity-list'
+export default {
+  name: 'epx-base-right-risk-list',
+  extends: EntityList,
+  data () {
+    return {
+      systemList: [],
+      searchText: '',
+      entityName: ''
+    }
+  },
+  watch: {
+    systemId () {
+      this.reloadData()
+    }
+  },
+  methods: {
+    getData (current, cb) {
+      let { metaViewId, queryParams = {}, pageFlag, orderFields, order_field: orderField = [], order_mode: orderMode = [], limit, action, type } = this.$configs
+      const params = {
+        entityId: this.$metaId,
+        metaViewId
+      }
+      if (action) params.action = action
+      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 && type !== 'tree') {
+        params.page = current || this.currentPage
+        params.limit = this.pageSize
+      }
+      if (limit) {
+        params.limit = limit
+      }
+      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.sortParams && this.sortParams.sort) {
+        const { sort, order } = this.sortParams
+        orderField = [sort]
+        orderMode = [order]
+      }
+
+      if (this.loading) return
+      this.loading = true
+      const requestParams = {
+        searchText: this.searchText,
+        systemId: this.SYSTEM,
+        entityName: this.entityName,
+        ...params,
+        ...this.$formatParams(queryParams),
+        ...this.searchKeyParams,
+        ...this.queryParams,
+        columnFields: this.columnFields,
+        order_field: orderField.join(','),
+        order_mode: orderMode.join(',')
+      }
+      if (type === 'tree') {
+        this.getTreeData(requestParams, cb)
+      } else {
+        this.$http.list(requestParams)
+          .then(data => {
+            this.initData = true
+            this.loading = false
+            if (current) this.currentPage = current
+            if (!data) return
+            this.data = [...data.entitys]
+            this.total = data.total || data.entitys.length
+            this.getAllDataMap(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 })
+            this.$nextTick(() => {
+              setTimeout(() => {
+                if (this.$refs.table) this.$refs.table.doLayout()
+              }, 200)
+            })
+            this.$nextTick(() => {
+              this.openTableXScrollBar()
+            })
+            if (this.afterData) this.afterData(this.data)
+          })
+          .catch((err) => {
+            this.loading = false
+            this.$message.error(err.message)
+          })
+      }
+    },
+    getSystemList () {
+      this.$http.list({
+        entityId: 'FM_SYSTEM'
+      })
+        .then(data => {
+          this.systemList = data.entitys
+        })
+    },
+    keywordSearch () {
+      this.reloadData()
+    },
+    renderSearch () {
+      return (
+        <div class="search">
+          <div class="search-item">
+            <label class="search-item__label">关键字：</label>
+            <el-input
+              size="default"
+              clearable
+              placeholder={this.$configs.action === 'dataScopeRiskList' ? '请输入角色名称、编号进行搜索' : '请输入对象名称、编号进行搜索'}
+              v-model={this.searchText}
+              class="keyword-input"
+              onChange={this.keywordSearch}
+              suffix-icon="el-icon-search">
+            </el-input>
+          </div>
+          {
+            this.$configs.action === 'dataScopeRiskList' && (
+              <div class="search-item">
+                <label class="search-item__label">对象名称：</label>
+                <el-input
+                  size="default"
+                  clearable
+                  placeholder="请输入对象名称"
+                  v-model={this.entityName}
+                  class="keyword-input"
+                  // 不能写 onChange={this.reloadData}：el-input 的 change emit 的是**值**，
+                  // 会被当成 EntityList.reloadData 的首个形参（分类树开关），clearable 清空时
+                  // 传进去的是 ''，正好落在关掉的一侧。包一层，别把值漏进去。
+                  onChange={() => this.reloadData()}
+                  suffix-icon="el-icon-search">
+                </el-input>
+              </div>
+            )
+          }
+        </div>
+
+      )
+    },
+    renderField (field, index) {
+      return {
+        default: ({ row }) => {
+          return (
+            <div class={['epx-entity-list__table-cell', { 'epx-entity-list__table-cell--detail': field.state === 'DETAIL' || field.state === 'READONLY' }]}>
+              {field.attriName === 'ENTITY' ? (
+                <div>
+                  <i class="el-icon-warning" style={{ fontSize: '12px', color: '#EA6000', marginRight: '4px' }}></i>
+                  <span>{row[field.attriName]}</span>
+                </div>
+              )
+                : field.attriName === 'API_GROUP' ? (
+                  <div style={{ whiteSpace: 'pre-wrap' }}> {row[field.attriName] && Object.keys(row[field.attriName]).map(key => (
+                    <el-popover
+                      placement="top-start"
+                      title=""
+                      style={{ maxWidth: '200px' }}
+                      trigger="hover"
+                      v-slots={{ reference: () => (<span style={{ cursor: 'pointer', float: 'left', textDecoration: 'underline', margin: '0 4px' }}>{ key }</span>) }}>
+                      <div style={{ display: 'inline-block', maxWidth: '300px' }}>{row[field.attriName][key].replace(/,/g, '、')}</div>
+
+                    </el-popover>
+                  ))}</div>
+                ) : (
+                  <epx-entity-list-edit-field style={{ whiteSpace: 'pre-wrap' }} class={{ 'epx-entity-tree-list__sort-field': index === 0 && this.$configs.type === 'tree' && this.$configs.operateTreeListFlag && this.treeListOperates.length > 0 }} fieldConfigs={field} row={row} onClick={this.clickField.bind(this)} onChange={this.changeField.bind(this)} isEdit={this.editField.rowId === row.ID && this.editField.columnId === field.attriName} />
+                )}
+            </div>
+          )
+        }
+      }
+    }
+  },
+  created () {
+    this.getSystemList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search {
+display: flex;
+align-items: center;
+  background: var(--epx-bg-card);
+  padding: 10px 10px 0;
+  overflow: hidden;
+}
+.search-item {
+  display: flex;
+  margin: 10px;
+  .search-item__label {
+    width: 80px;
+    line-height: 36px;
+  }
+
+    :deep(.el-input) {
+      width: 220px;
+    }
+    :deep(.el-radio__input) {
+      display: none;
+    }
+
+}
+</style>