epx-frame 3.5.0-shpgy.1

package/src/frame/components/TodoList.vue

@@ -0,0 +1,429 @@
+<script>
+import ListVue from '@/frame/packages/entity-list'
+
+export default {
+  name: 'epx-todo-list',
+  extends: ListVue,
+  operateFlag: false,
+  searchMode: 'fields',
+  metaId: 'V_ACT_TASK',
+  operateColumnEllipsis: 2,
+  limieSize: 0,
+  data () {
+    return {
+      renderComponents: [this.renderList],
+      columns: [],
+      total: null
+    }
+  },
+  methods: {
+    // 获取字段配置，生成columns
+    getFields () {
+      const { fieldConfigs = {}, fields = [this.$meta.getLabel()] } = this.$configs
+
+      this.$FieldFactory.createFields({
+        defaultFieldConfigs: fieldConfigs,
+        fields: fields,
+        meta: this.$meta
+      })
+        .then(data => {
+          this.listFields = [...data]
+          const _columns = []
+          let _fields = []
+          this.listFields.forEach(field => {
+            if (field.isWrap) {
+              _columns.push(_fields)
+              _fields = []
+            }
+            _fields.push(field)
+          })
+          if (_fields.length > 0) {
+            _columns.push(_fields)
+            _fields = []
+          }
+          this.columns = _columns
+          this.getData()
+        })
+        .catch(() => {
+          this.getData()
+        })
+    },
+    getData () {
+      // eslint-disable-next-line camelcase
+      let { queryParams = {}, pageFlag = true, orderFields, order_field: orderField = [], order_mode: orderMode = [], iconField = [], limitSize } = this.$configs
+      const fieldArr = [...this.listFields, ...iconField]
+      const fields = fieldArr.map(item => (item.attriName || item))
+      const params = {
+        action: 'list',
+        entityId: this.$metaId
+      }
+      if (fields.length > 0) {
+        params.columnFieldNames = fields.join('#,') + '#'
+      }
+      if (pageFlag) {
+        params.page = this.currentPage
+        params.limit = limitSize !== 0 ? limitSize : this.pageSize
+      }
+      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
+      const submitParams = {
+        ...params,
+        ...this.$formatParams(queryParams),
+        ...this.queryParams,
+        ...this.sortParams,
+        ...this.searchParams,
+        order_field: orderField.join(','),
+        order_mode: orderMode.join(',')
+      }
+      if (this.scopeParams && this.scopeParams.length > 0) {
+        submitParams.scopeParams = JSON.stringify(this.scopeParams)
+      }
+      this.$http.list(submitParams)
+        .then(data => {
+          this.loading = false
+          this.total = data.total || data.entitys.length
+          this.currentPage++
+          this.data = [...this.data, ...data.entitys]
+          this.$event.emit('setListData', { total: this.total, entitys: this.data })
+          if (this.afterData) this.afterData(this.data)
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    clickItem (item) {
+      this.goCheckPage({}, item)
+    },
+    viewMore () {
+      const { morePageId } = this.$configs
+      this.$createPage({
+        entityId: this.$metaId,
+        flag: 'v_list',
+        pageId: morePageId
+      })
+    },
+    $refesh () {
+      this.currentPage = 1
+      this.data = []
+      this.getData()
+    },
+    getEntityId (item) {
+      return new Promise(resolve => {
+        this.$http.get({
+          entityId: 'ACT_RE_PROCDEF',
+          link: 'model',
+          id: item['EXECUTION|PROC_DEF_ID']
+        })
+          .then(data => {
+            let entityId = null
+            if (data && data.data) {
+              entityId = data.data['MODEL|ENTITY']
+            }
+            resolve(entityId)
+          })
+          .catch(() => {
+            resolve(null)
+          })
+      })
+    },
+    async goCheckPage (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 entityId = await this.getEntityId(item)
+      const { checkPageFLag } = this.pageConfig
+      if (checkPageFLag) {
+        this.$createPage({
+          metaId: entityId,
+          id: item['EXECUTION|BUSINESS_KEY'],
+          flag: checkPageFLag,
+          pageType: 'DETAIL',
+          component: 'entity-check'
+        })
+        return
+      }
+      this.$http.get({
+        action: 'getTaskPageByTakId',
+        entityId: 'ACT_RU_EXECUTION',
+        taskId: item.ID
+      })
+        .then(data => {
+          if (data.page) {
+            // 去审核页面
+            this.$createPage({
+              metaId: entityId,
+              id: item['EXECUTION|BUSINESS_KEY'],
+              taskId: item.ID,
+              pageId: data.page,
+              pageType: 'DETAIL',
+              component: 'entity-check'
+            })
+          } else {
+            this.$message.error('没有绑定审核页面')
+          }
+        })
+        .catch(err => {
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    renderColumnOperates (row) {
+      // eslint-disable-next-line no-unused-vars
+      const data = { ...row }
+      let foldColumnOperates = [...this.foldColumnOperates]
+      let unfoldColumnOperates = [...this.unfoldColumnOperates]
+      if (this.$isMobile) {
+        unfoldColumnOperates = []
+        foldColumnOperates = [...this.unfoldColumnOperates, ...this.foldColumnOperates]
+      }
+      return (
+        <div class="column-operates">
+          {
+            unfoldColumnOperates.map(operate => {
+              let flag = true
+              if (operate.actionOption) {
+                // eslint-disable-next-line no-eval
+                flag = eval(operate.actionOption)
+              }
+              if (!flag) return null
+              return (
+                <el-button
+                  class="column-operate-btn"
+                  key={operate.text}
+                  type={operate.ui}
+                  size="medium"
+                  onClick={this.$handler.bind(this, operate, row)}
+                >
+                  { operate.iconCls && <i class={operate.iconCls}></i>}
+                  {operate.text}
+                </el-button>
+              )
+            })
+          }
+          {
+            foldColumnOperates.length > 0 && (
+              <el-dropdown trigger="click" onVisible-change={(show) => (this.activeDropDown = show ? row[this.$pageMetaKey] : '')}>
+                <span class={['el-dropdown-link', { active: this.activeDropDown === row[this.$pageMetaKey] }]}>
+                  { this.$isMobile ? <i class="el-icon-more"></i> : <el-button size="small" ><i class="el-icon-more"></i></el-button>}
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  {
+                    foldColumnOperates.map(operate => {
+                      let flag = true
+                      if (operate.actionOption) {
+                        // eslint-disable-next-line no-eval
+                        flag = eval(operate.actionOption)
+                      }
+                      if (!flag) return null
+                      return (
+                        <el-dropdown-item key={operate.text} nativeOnClick={this.$handler.bind(this, operate, row)} icon={operate.iconCls}>
+                          {operate.text}
+                        </el-dropdown-item>
+                      )
+                    })
+                  }
+                </el-dropdown-menu>
+              </el-dropdown>
+            )
+          }
+        </div>
+      )
+    },
+    renderList () {
+      const { iconField = [], limitSize = 0 } = this.$configs
+
+      let directives = []
+      if (limitSize === 0) {
+        directives = [
+          { name: 'infinite-scroll', value: this.getData }
+        ]
+      }
+      const icon = iconField[0]
+      return (
+        <ul
+          class={['list', { 'm-list': this.$isMobile }]}
+          ref="list"
+          {...{ directives }}
+          infinite-scroll-distance="10px"
+          infinite-scroll-disabled={this.data.length >= this.total}
+        >
+          {
+            this.data.map(item => (
+              <li key={item[this.$metaKey]}
+                class="list-item"
+                onClick={this.clickItem.bind(this, item)}
+              >
+                <div class="list-item-content">
+                  {
+                    icon && (
+                      <p class="list-item-icon">
+                        { item[icon] && <img src={this.$util.getFileUrl(item[icon])} /> }
+                      </p>
+                    )
+                  }
+                  <div class="list-item-field">
+                    {
+                      this.columns.map(columnItem => {
+                        return (
+                          <p key={columnItem.map(item => item.attriName).join('')}>
+                            {
+                              columnItem.map((field, index) => {
+                                if (field.state === 'HIDDEN') return null
+                                const value = item[field.attriName + '#'] || item[field.attriName]
+                                const nextField = columnItem[index + 1]
+                                let nextValue = null
+                                if (nextField && nextField.state !== 'HIDDEN') {
+                                  nextValue = item[nextField.attriName + '#'] || nextField[field.attriName]
+                                }
+                                return <span>
+                                  { field.showLabel && (field.attriLabel + '：')}
+                                  <font style={{ color: field.color, fontWeight: field.fontWeight, fontSize: field.fontSize + 'px' }}>{value}</font>
+                                  {index !== columnItem.length - 1 && value && nextValue ? field.split || ' | ' : ''}
+                                </span>
+                              })
+                            }
+                          </p>
+                        )
+                      })
+                    }
+                  </div>
+                </div>
+                {/** onClick={e => e.stopPropagation()} */}
+                <div class="list-item-extra">
+                  <i class="el-icon-arrow-right"></i>
+
+                </div>
+              </li>
+            ))
+          }
+          <div>
+            { this.loading && <p class="loading"><i class="el-icon-loading"></i>加载中...</p> }
+            { this.total != null && this.data.length >= this.total && <p class="no-more">没有更多了</p> }
+            { this.limieSize !== 0 && <p class="view-more" onClick={this.viewMore.bind(this)}>查看更多 <i class="el-icon-arrow-down"></i></p> }
+          </div>
+        </ul>
+      )
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.list-item {
+  display: flex;
+  align-items: center;
+  background: #fff;
+  position: relative;
+  border-color: #ebedf0;
+  padding: 16px 20px;
+  overflow: hidden;
+  user-select: none;
+  &:focus {
+
+    background: #999;
+  }
+  &::after {
+    position: absolute;
+    left: 20px;
+    bottom: 0;
+    content: '';
+    display: block;
+    box-sizing: border-box;
+    width: 100%;
+    height: 1px;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 1px 0 0;
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+  }
+  .list-item-content {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    color: #666;
+    line-height: 24px;
+    p:first-child {
+      font:first-child {
+        font-size:16px;
+        font-weight: bold;;
+        color: #333;
+      }
+    }
+  }
+  .list-item-icon {
+    width: 60px;
+    height: 60px;
+    border-radius: 50%;
+    overflow: hidden;
+    background: #ccc;
+    margin-right: 8px;
+    >img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .list-item-extra {
+    font-size: 20px;
+    color: #999;
+    margin-left: 20px;
+  }
+}
+.m-list {
+  .list-item {
+    padding: 10px 12px;
+  }
+}
+.list-operates {
+  background: #fff;
+  padding: 12px 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.more-table-operates {
+  margin-left: 10px
+}
+.column-operates {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+.search-simple {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+.loading {
+  padding: 10px 0;
+  text-align: center;
+  @include font_color_primary;
+  i {
+    margin-right: 6px;
+  }
+}
+.no-more {
+  padding: 10px 0;
+  text-align: center;
+  @include font_color_primary;
+}
+.view-more {
+  margin: 20px 0 10px;
+  text-align: center;
+  color: #666;
+  cursor: pointer;
+}
+</style>

package/src/frame/components/UpdateSystemConfig.vue

@@ -0,0 +1,186 @@
+<template>
+  <div v-if="!success" class="import-config">
+    <p class="import-config__info">
+      <span class="import-config__title">系统名称：</span>
+      <span class="import-config__content">{{systemInfo.NAME}}</span>
+    </p>
+     <p class="import-config__info">
+      <span class="import-config__title">升级方式：</span>
+      <span class="import-config__content">
+         <el-radio-group class="import-config_radio--group" v-model="importWay">
+
+          <el-radio size="medium" class="import-config_radio"  :label="3">
+             <span class="import-config_radio--title">仅新增</span><br/>
+            <span class="import-config_radio--info">只导入新的配置项</span>
+          </el-radio><br/>
+          <el-radio size="medium" class="import-config_radio"  :label="2">
+            <span class="import-config_radio--title">新增更新</span><br/>
+            <span class="import-config_radio--info">导入配置时，如果配置项已经存在，就更新；如果配置项不存在，就新增。</span>
+          </el-radio><br/>
+          <el-radio size="medium" class="import-config_radio" :label="4">
+             <span class="import-config_radio--title">仅更新</span><br/>
+            <span class="import-config_radio--info">只更新已经存在的配置项</span>
+          </el-radio><br/>
+          <el-radio size="medium" class="import-config_radio" :label="1">
+            <span class="import-config_radio--title">完全覆盖</span><br/>
+            <span class="import-config_radio--info">先删除现有配置，导入新的配置</span>
+          </el-radio><br/>
+        </el-radio-group>
+      </span>
+    </p>
+    <el-button :class="['import-config__button', {'loading': loading}]" type="primary" @click="importConfig">
+      <i v-if="loading" class="el-icon-loading"></i>
+      <span>{{loading? '正在升级，请耐心等待...':'开始升级'}}</span>
+    </el-button>
+  </div>
+  <div v-else class="import-success">
+    <div>
+      <i class="import-success__icon el-icon-circle-check"></i>
+      <p class="import-success__title">系统已升级成功！</p>
+      <p class="import-success__info">系统已升级成功，您可刷新页面或重新进入系统后查看导入效果</p>
+      <el-button  class="import-success__button" @click="success =false">返回</el-button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import component from '@/utils/mixins/component'
+
+export default {
+  name: 'epx-update-system-config',
+  mixins: [component],
+  data () {
+    return {
+      systemInfo: {},
+      loading: false,
+      importWay: 3,
+      file: null,
+      success: false
+    }
+  },
+  computed: {
+    systemId () {
+      return this.$query.id || this.$tab.SYSTEM
+    }
+  },
+  methods: {
+    getSystemInfo () {
+      this.$http.get({
+        entityId: 'FM_SYSTEM',
+        id: this.systemId
+      })
+        .then(data => {
+          this.systemInfo = data.data
+        })
+    },
+    uploadFile ({ file }) {
+      this.file = file
+    },
+    importConfig (application) {
+      if (this.loading) return
+      this.loading = true
+      this.$http.$post({
+        action: 'systemConfigSync',
+        entityId: 'FM_SYSTEM',
+        mode: this.importWay,
+        targetClient: this.CLIENT,
+        targetSystem: this.systemId
+      }, {
+        requestType: 'formData'
+      })
+        .then(data => {
+          this.loading = false
+          this.success = true
+          // this.$message.success('导入成功')
+        })
+        .catch((err) => {
+          this.loading = false
+          this.$message.error(err.message)
+        })
+    }
+  },
+  created () {
+    this.getSystemInfo()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.import-config {
+  background: #fff;
+  padding: 24px;
+}
+.import-config__info {
+  font-size: 16px;
+  margin-bottom: 24px;
+}
+.import-config__title {
+  color: #555;
+  margin-right: 8px;
+  float: left;
+}
+.import-config_radio--group {
+  margin-top: 4px;
+}
+.import-config_radio {
+  margin-bottom: 16px;
+  &::v-deep {
+    .el-radio__input, .el-radio__label {
+      float: left;
+    }
+  }
+}
+.import-config_radio--title {
+  font-size: 16px;
+}
+.import-config_radio--info {
+  display: block;
+  color: #666;
+  margin-top: 4px;
+}
+.import-config__button {
+  display: block;
+  margin-top: 40px;
+  width: 300px;
+  margin: 0 auto;
+  &.loading {
+    @include bg_color_primary(.4);
+    @include border_color_primary(.4)
+  }
+  >i {
+    font-size: 18px;
+  }
+}
+.import-success {
+  position: absolute;
+  width: calc(100% - 20px);
+  height: calc(100% - 70px);
+  background: #fff;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &>div {
+    position: relative;
+    top: -60px;
+  }
+}
+.import-success__icon {
+  font-size: 64px;
+  color: rgb(31, 194,141);
+  margin-bottom: 16px;
+}
+.import-success__title {
+  font-size: 32px;
+  font-weight: bold;
+  margin-bottom: 8px;
+}
+.import-success__info {
+  color: #666;
+}
+.import-success__button {
+  margin-top: 40px;
+  width: 300px;
+}
+</style>