epx-frame 3.5.0-shpgy.1

package/src/frame/components/RuleText.vue

@@ -0,0 +1,98 @@
+
+<script>
+export default {
+  name: 'epx-rule-text',
+  props: {
+    elTree: {
+      type: Array,
+      default () {
+        return []
+      }
+    }
+  },
+  methods: {
+    renderNode (element, index) {
+      if (element.type === 'function') {
+        return (
+          <span key={element.id} index={index} class={['fe-function', { 'is-select': this.selectFunction === element.id }]} type="function" code={element.code} text={element.text}>
+            <span class="fe-function__name">{element.text}</span>
+            <span class="fe-bracket">(</span>
+            <span class="fe-params" type="params">
+              {
+                element.children && element.children.map((element, index) => this.renderNode(element, index))
+              }
+            </span>
+            <span class="fe-bracket">)</span>
+          </span>
+        )
+      } else if (element.type === 'split') {
+        return (
+          <span key={element.id} type="split" class="fe-text__split">,</span>
+        )
+      } else if (element.type === 'variable') {
+        return (
+          <span key={element.id}class={['fe-variable', { 'is-select': this.selectFunction === element.id }]} type="variable" code={element.code}> {element.text} </span>
+        )
+      } else {
+        return (
+          <span key={element.id} type="text" class={['fe-text', { [`fe-text__${element.dataType}`]: !!element.dataType }]}>{element.text}</span>
+        )
+      }
+    }
+  },
+  render () {
+    return (
+      <div class="formular-editor" tabindex="1">
+        <div ref="formularCode" class="formular-code" type="code">
+          {
+            this.elTree.map((element, index) => this.renderNode(element, index))
+          }
+        </div>
+      </div>
+    )
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.formular-editor {
+  position: relative;;
+}
+.formular-code {
+  white-space: pre-wrap;
+  color: #333;
+  font-family: Menlo,Monaco,Consolas,'Courier New',monospace;
+}
+.fe-function {
+  &.is-select {
+    background: rgb(51, 144, 255);
+    color: #fff;
+  }
+}
+.fe-function__name {
+  color:#708;
+}
+.fe-variable {
+  background: #178cdf;
+  padding: 2px 0;
+  border-radius: 2px;
+  margin: 0 2px;
+  color: #fff;
+   &.is-select {
+    background: rgb(51, 144, 255);
+    color: #fff;
+  }
+}
+.fe-text__operate {
+  color: #666;
+}
+.fe-text__string {
+  color: #a11;
+}
+.fe-text__number {
+  color: #164;
+}
+.fe-text__split {
+  color: #997;
+}
+</style>

package/src/frame/components/Search.vue

@@ -0,0 +1,270 @@
+<template>
+  <!-- 查询区域 -->
+  <div>
+    <div class="search">
+      <div v-if="searchConfigs.mode==='fields'&& !$isMobile" class="search-container" :style="{height:'auto'}">
+        <div class="search-inner">
+          <epx-form class="search-form" :search="search" :fieldConfigs="showSearchFields" ref="searchForm" v-model="formData" type="SEARCH" column="auto" @submit.native.prevent>
+            <!-- 关键词查询 -->
+              <el-col  slot="field">
+                <el-form-item class="form-item" label="关键词" :style="{width: 220}">
+                  <el-input size="medium" :placeholder="keywordsLabel" v-model="searchKey" class="input-with-select" @change="keywordSearch" suffix-icon="el-icon-search">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col slot="append">
+                <div class="search-opera" style="width: 98px; text-align:right">
+                  <el-button type="text" @click="clear">清空<i class="el-icon-refresh-right"></i></el-button>
+                  <el-button type="text" @click="fold=!fold"  v-if="showFieldNum && searchFields.length>showFieldNum">{{fold? '展开': '收起'}}
+                    <i :class="['el-icon-arrow-down', !fold?'unfold': '']"></i>
+                  </el-button>
+                </div>
+              </el-col>
+            <!-- <div class="search-operates">
+            </div> -->
+          </epx-form>
+
+        </div>
+      </div>
+      <!-- 手机查询区域 -->
+      <div v-if="$isMobile" class="mobile-search-container">
+        <van-search v-model="searchKey" @input="mobileSearchDelay" placeholder="请输入搜索关键词" />
+      </div>
+    </div>
+    <!-- 筛选 -->
+    <epx-dropdown-menu
+      v-if="searchConfigs.mode==='select'"
+      :meta="meta"
+      :searchFields="searchFields"
+      :searchConfigs="searchConfigs"
+      @search="v=>$emit('search', v)"
+      @change="v=>$emit('filter', v)"
+      :total="total"
+    />
+  </div>
+
+</template>
+
+<script>
+import Container from '@/frame/views/Container'
+// 查询组件
+export default {
+  name: 'epx-search',
+  extends: Container,
+  props: {
+    meta: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    // 查询配置
+    searchConfigs: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    // 查询字段
+    searchFields: {
+      type: Array,
+      default: () => []
+    },
+    // clear: Function,
+    total: Number
+  },
+  computed: {
+    keywords () {
+      const fields = new Set([...this.meta.keyNames, this.meta.label, 'CODE'])
+      const { keywords = [...fields] } = this.searchConfigs
+      return keywords
+    },
+    keywordsLabel () {
+      const labels = this.keywords.filter(item => !!item).map(item => this.meta.getLabelByField(item || item.attriName))
+      return '输入' + labels.join('、') + '查询'
+    },
+    serachType () {
+      const { serachType = 'inline' } = this.searchConfigs
+      return serachType
+    },
+    showFieldNum () {
+      const { showFieldNum = 0 } = this.searchConfigs
+      return showFieldNum
+    },
+    showSearchFields () {
+      if (this.showFieldNum && this.fold) {
+        const showSearchFields = [...this.searchFields]
+        if (showSearchFields.length > this.showFieldNum) {
+          showSearchFields.length = this.showFieldNum
+        }
+        return showSearchFields
+      }
+      return this.searchFields
+    }
+  },
+  data () {
+    return {
+      fold: true,
+      formData: {},
+      searchKey: '',
+      searchParams: [],
+      searchKeyParams: []
+    }
+  },
+  methods: {
+    clearFn () {
+      this.$refs.searchForm.clear()
+      if (this.clear) {
+        this.clear()
+      }
+    },
+    clear () {
+      this.$refs.searchForm.clear()
+      this.searchKeyParams = []
+      this.searchKey = ''
+      this.search()
+    },
+    search () {
+      const { formModel } = this.$refs.searchForm
+      const params = []
+      for (const key in formModel) {
+        const value = formModel[key]
+        const fieldConfig = this.searchFields.find(item => item.attriName === key) || {}
+        const { dataType } = fieldConfig
+        if (dataType === 'date') {
+          params.push({ field: key, value: value[0], relation: 'greater_equal', link: 'and' })
+          params.push({ field: key, value: value[1], relation: 'less_equal', link: 'and' })
+          // params[`search.${key}#greater_equal`] = value[0]
+          // params[`search.${key}#less_equal`] = value[1]
+        } else if (dataType === 'int') {
+          params.push({ field: key, value: value[0], relation: 'equal', link: 'and' })
+        } else {
+          if (value && value.length > 0 && !key.includes('#')) {
+            if (Array.isArray(value)) {
+              let formatValue = value.reduce((formatValue, item) => (formatValue += (Array.isArray(item) ? item.join(',') : item) + ','), '')
+              formatValue = formatValue.substr(0, formatValue.length - 1)
+              // params[`search.${key}#in`] = formatValue
+              params.push({ field: key, value: formatValue, relation: 'in', link: 'and' })
+            } else {
+              // params[`search.${key}#like`] = value
+              params.push({ field: key, value: value, relation: 'like', link: 'and' })
+            }
+          }
+        }
+      }
+      this.searchParams = [...params]
+      this.$emit('search', [...this.searchParams])
+    },
+    // 关键词查询
+    keywordSearch () {
+      this.$emit('search-keyword', {
+        keywordFields: this.keywords.join(','),
+        keywordValue: this.searchKey
+      })
+    },
+    mobileSearch (event) {
+      const evt = window.event || event
+      const searchText = evt.target.value
+      this.searchKey = searchText
+      this.keywordSearch()
+    }
+  },
+  created () {
+    this.mobileSearchDelay = this.$_.debounce(this.keywordSearch, 200)
+  }
+}
+</script>
+
+<style scoped lang="scss">
+$paddingSize: 16px; // 默认间隔
+
+.search-container {
+  padding: $paddingSize $paddingSize 0;
+  background: #fff;
+  height: 42px;
+  overflow: hidden;
+  transition: all .5s;
+  margin-bottom: 10px;
+}
+.search-inner {
+  display: flex;
+  position: relative;
+}
+.form-item {
+  margin-bottom: 0;
+  &::v-deep {
+    .el-form-item__content .el-input-group {
+      width: 220px;
+    }
+    // .el-input-group__append {
+    //   .search-btn {
+    //     // background-color: #1f82ef;
+    //     // border-color: #1f82ef;
+    //     // color:#fff;
+    //   }
+    // }
+  }
+}
+
+.fold-operates {
+  flex-shrink: 0;
+}
+.search-operates {
+  text-align: center;
+}
+.mobile-search-container {
+  background: #fff;
+  // padding: 8px 10px;
+  .mobile-search-inner {
+    padding: 0 12px;
+    background-color: #f7f8fa;
+    display: flex;
+    align-items: center;
+    height: 32px;
+    .mobile-search-icon {
+      color: #666;
+      margin-right: 8px;
+    }
+    .mobile-search-input {
+      flex: 1;
+      color: #333;
+      input {
+        width: 100%;
+        outline: none;
+        border: none;
+        background: none;
+      }
+    }
+  }
+}
+.search-opera {
+  margin-left: 20px;
+  white-space: nowrap;
+   button:not(:last-child) {
+    position: relative;
+    &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      right: -10px;
+      top: 50%;
+      margin-top: -8px;
+      height:16px;
+      width: 1px;
+      background: #e3e3e3;
+    }
+  }
+  &::v-deep {
+    .el-button + .el-button {
+      margin-left: 20px;
+    }
+  }
+  i {
+    margin-left: 2px;
+    transition: all .5s;
+  }
+  .unfold {
+    transform: rotate(180deg);
+  }
+}
+</style>

package/src/frame/components/ServiceFormItem.vue

@@ -0,0 +1,29 @@
+<script>
+import AddFormItem from '@/frame/packages/add-form-item'
+export default {
+  name: 'epx-service-form-item',
+  extends: AddFormItem,
+  methods: {
+    onAfterFieldsConfigs () {
+      const { LOGIN_WAY = '' } = this.clientConfig
+      for (let i = 0; i < this.fieldsConfigs.length; i++) {
+        const fieldConfigs = this.fieldsConfigs[i]
+        if (fieldConfigs.attriName === 'LOGIN_WAY') {
+          this.$store.dispatch({
+            type: 'ADD_LIST',
+            key: fieldConfigs.codeKey,
+            dataType: fieldConfigs.dataType
+          }).then(data => {
+            this.$set(this.fieldsConfigs, i, { ...fieldConfigs, options: data.filter(item => LOGIN_WAY.includes(item.code)) })
+          })
+          return
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/components/SystemNav.vue

@@ -0,0 +1,18 @@
+<script>
+import AppNav from '@/frame/packages/app-nav'
+export default {
+  name: 'epx-system-nav',
+  extends: AppNav,
+  created () {
+    const { client, system } = this.$route.params
+    this.$http.find({
+      entityId: 'FM_SYSTEM',
+      'scope.CLIENT|CODE': client,
+      'scope.CODE': system
+    })
+      .then(data => {
+        this.NAME = `【${data.data.NAME}】配置中心`
+      })
+  }
+}
+</script>

package/src/frame/components/TaskNumCard.vue

@@ -0,0 +1,26 @@
+<script>
+import CardNum from '@/frame/packages/num'
+export default {
+  name: 'epx-task-num-card',
+  extends: CardNum,
+  metaId: 'ACT_RU_TASK',
+  methods: {
+    getNum () {
+      const { entityId = this.$metaId } = this.$configs
+      const { action = 'getTaskCount' } = this.$configs.params || {}
+      this.$http.save({
+        action,
+        entityId,
+        scopeParams: JSON.stringify(this.scopeParams)
+      })
+        .then(data => {
+          this.num = data.taskInfo.taskUnfinishedCount
+        })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/components/TimerRuleFormItem.vue

@@ -0,0 +1,227 @@
+<template>
+  <div class="container" :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">
+      <template v-slot:default="{showLabel, fieldConfigs, metaId, ruleMetaId }">
+        <div v-if="fieldConfigs.attriName==='TRIGGER'">
+          <div class="form-item">
+            <label class="form-item__label" for="">执行频次：</label>
+            <el-radio-group style="margin-top: 12px" v-model="timer.rate">
+              <el-radio label='day'>每天</el-radio>
+              <el-radio label='week'>每周</el-radio>
+              <el-radio label="month">每月</el-radio>
+            </el-radio-group>
+          </div>
+          <div class="form-item">
+            <label class="form-item__label" for="">执行时间：</label>
+            <el-select class="form-item__select" size="medium" v-model="timer.day" v-if="timer.rate==='week'">
+              <el-option value="1" label="星期一"></el-option>
+              <el-option value="2" label="星期二"></el-option>
+              <el-option value="3" label="星期三"></el-option>
+              <el-option value="4" label="星期四"></el-option>
+              <el-option value="5" label="星期五"></el-option>
+              <el-option value="6" label="星期六"></el-option>
+              <el-option value="7" label="星期日"></el-option>
+            </el-select>
+             <el-select class="form-item__select" size="medium" v-model="timer.day" v-if="timer.rate==='month'">
+              <el-option v-for="(item, index) in new Array(31)" :key="index" :value="`${index+1}`" :label="index+1"></el-option>
+              <el-option value="L" label="最后一天"></el-option>
+            </el-select>
+            <el-time-picker
+              v-model="timer.time"
+              value-format="HH:mm:ss"
+              :default-value="defaultDate"
+              placeholder="请选择检测时间">
+            </el-time-picker>
+          </div>
+        </div>
+        <div v-else-if="fieldConfigs.attriName==='PARAMS'">
+          <div class="form-item">
+            <label class="form-item__label" for="">参数：</label>
+            <div>
+              <div class="param-item" v-for="(value, key) in params" :key="key">
+                {{key}}：{{value}}
+                <i class="el-icon-close" @click="deleteParam(key)"> </i>
+              </div>
+              <el-button type="text" @click="addParamDialog=true">+ 添加参数</el-button>
+            </div>
+          </div>
+        </div>
+        <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>
+    <el-dialog
+      title="添加参数"
+      :visible="!!addParamDialog"
+      width="400px"
+      @close="addParamDialog = false"
+    >
+      <div>
+        <div class="add-params-input">
+          <span>参数名：</span>
+          <el-input :value="addParam.key" @input="v => $set(addParam, 'key', v)"> </el-input>
+        </div>
+        <div class="add-params-input">
+          <span>参数值：</span>
+          <el-input :value="addParam.value" @input="v => $set(addParam, 'value', v)"> </el-input>
+        </div>
+        <div>
+          <el-button type="primary" @click="addParamFn">确定</el-button>
+          <el-button @click="addParamDialog = false">取消</el-button>
+        </div>
+      </div>
+    </el-dialog>
+    </div>
+</template>
+<script>
+import AddFormItemVue from '@/frame/packages/add-form-item'
+export default {
+  name: 'epx-timer-rule-form-item',
+  extends: AddFormItemVue,
+  data () {
+    return {
+      params: {},
+      timer: {
+        rate: 'day'
+      },
+      addParam: {
+        key: '',
+        value: ''
+      },
+      addParamDialog: false,
+      defaultDate: ''
+    }
+  },
+  watch: {
+    timer: {
+      handler (v) {
+        const times = v.time.split(':')
+        const trigger = {
+          rate: v.rate,
+          day: v.day,
+          hour: times[0],
+          minute: times[1],
+          second: times[2]
+        }
+        this.$set(this.formData, 'TRIGGER', JSON.stringify(trigger))
+      },
+      deep: true
+    },
+    'timer.rate' (v) {
+      const { day } = this.timer
+      if (v === 'week') {
+        if (!day || day > 7) {
+          this.$set(this.timer, 'day', '1')
+        }
+      } else if (v === 'month') {
+        if (!day) {
+          this.$set(this.timer, 'day', '1')
+        }
+      }
+    },
+    params: {
+      handler (v) {
+        const value = JSON.stringify(v)
+        if (value !== '{}') {
+          this.$set(this.formData, 'PARAMS', value)
+        }
+      },
+      deep: true
+    }
+  },
+  methods: {
+    addParamFn () {
+      const { key, value } = this.addParam
+      if (!key || !value) {
+        this.$message.error('请输入参数')
+        return
+      }
+      this.params = { ...this.params, [key]: value }
+      this.addParamDialog = false
+    },
+    deleteParam (key) {
+      const params = { ...this.params }
+      delete params[key]
+      this.params = params
+    }
+  },
+  created () {
+    const dateStr = this.$moment().format('YYYY-MM-DD HH') + ':00:00'
+    this.defaultDate = this.$moment(dateStr).toDate()
+    try {
+      const { TRIGGER = '{}', PARAMS = '{}' } = this.formData
+      const trigger = JSON.parse(TRIGGER)
+      this.timer = {
+        rate: trigger.rate || 'day',
+        day: trigger.day,
+        time: trigger.hour + ':' + trigger.minute + ':' + trigger.second
+      }
+
+      this.params = JSON.parse(PARAMS)
+    } catch (error) {
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.container {
+  background: #fff;
+}
+.form-item {
+  display: flex;
+  line-height: 36px;
+  margin: 16px 0;
+}
+.form-item__label {
+  width: 140px;
+  text-align: right;
+  color: #666;
+  margin-right: 8px;
+  padding: 7px;
+}
+.form-item__select {
+  width: 120px;
+  margin-right: 10px;
+}
+.add-params-input {
+  display: flex;
+  align-items: center;
+  margin: 20px 0;
+  padding: 0 10px;
+  >span {
+    white-space: nowrap;
+  }
+  &::v-deep {
+    .el-input {
+      width: 240px;
+    }
+  }
+}
+.param-item {
+  color: #666;
+  >i {
+    color: red;
+    margin-left: 8px;
+    cursor: pointer;
+    display: none;
+  }
+  &:hover {
+    >i {
+      display: inline;
+    }
+  }
+}
+</style>