epx-frame 3.5.0-shpgy.1

package/src/frame/views/QyWechat.vue

@@ -0,0 +1,69 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+import axios from '@/utils/axios'
+export default {
+  name: 'epx-qy-wechat',
+  data () {
+    return {
+      userId: ''
+    }
+  },
+  methods: {
+    authLogin (username, password, cb) {
+      axios.post('epx-auth/authentication/username', {
+        username: username,
+        password: password
+      }, {
+        params: {
+          FM_SYS_ID: this.$util.getSysId()
+        }
+      })
+        .then(data => {
+          const { CLIENT = '' } = this.appConfig
+          this.$cookie.set(CLIENT + '-token', data.access_token)
+          cb && cb(data)
+        })
+        .catch((err) => {
+          const { data = {} } = err.response
+          this.$message.error(data.message || '处理失败')
+        })
+    }
+  },
+  created () {
+    this.$http.$request({
+      action: 'checkqyWeChatBound',
+      entityId: 'FM_USER',
+      CODE: this.$util.search('code', window.location.search)
+    })
+      .then(data => {
+        if (data.errorText === 'error.user.nullopenid') {
+          this.$message.error('没有获取到用户信息')
+          this.$router.push('/login')
+        } else if (data.errorText === 'error.user.notbound') {
+          // 绑定页面
+          this.$router.push({
+            path: '/login',
+            query: {
+              openId: data.openId
+            }
+          })
+        } else {
+          // 登录
+          this.authLogin(data.username, data.password, () => {
+            this.$message.success('登录成功')
+            // 跳转到首页
+            this.$router.push('/')
+          })
+        }
+      })
+  }
+
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/ReportFormList.vue

@@ -0,0 +1,146 @@
+<script>
+import List from '@/frame/views/List'
+import { ADD_META } from '@/store/actions'
+export default {
+  name: 'epx-report-form-list',
+  extends: List,
+  detailFlag: false, // 能否打开详情页
+  navConfigs: {
+    flag: true
+  },
+  // 列表区域
+  listConfigs: {
+    flag: true, // 是否显示
+    titleFlag: true, // 是否需要标题
+    queryParams: {}, // 查询参数
+    listFields: null, // 查询字段
+    fieldConfigs: {}, // 字段配置
+    pageFlag: true, // 是否需要分页
+    pageSize: 20, // 每页记录数
+    operateEllipsis: 1,
+    operateFlag: true,
+    multiSelectColumnFlag: true, // 是否显示多选框列
+    serialColumnFlag: true, // 是否显示序号列
+    operateColumnFlag: true, // 是否显示操作列
+    operateColumnWidth: 100, // 操作列宽度
+    operateColumnPosition: 'start', // 操作列位置
+    operateColumnLocked: false,
+    operateColumnEllipsis: true, // Boolean/ Number
+    columnOperates: [
+      // {
+      //   text: '编辑',
+      //   handler: 'editEntity'
+      // },
+      // {
+      //   text: '删除',
+      //   handler: 'removeEntity'
+      // }
+    ],
+    operates: [// 操作按钮
+      {
+        text: '导出',
+        ui: 'primary',
+        cls: 'btn_hollow',
+        handler: 'entityExport'
+      }
+      // {
+      //   text: '返回',
+      //   cls: 'btn_hollow',
+      //   handler: 'backPage'
+      // }
+    ]
+  },
+  methods: {
+    getData () {
+      const { queryParams = {}, pageFlag, listFields = [] } = this.listConfigs
+      const { searchMode } = this.searchConfigs
+      const fields = listFields.map(item => (item.attriName || item))
+      const params = {
+        action: 'dataList',
+        reportId: this.$query.reportId,
+        col: this.$query.col,
+        row: this.$query.row,
+        entityId: this.$metaId,
+        staObject: this.$query.staObject,
+        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
+        })
+    },
+    async getFieldConfig () {
+      let meta = this.metas[this.$query.staObject]
+      if (!meta) {
+        meta = await this.$store.dispatch({
+          type: ADD_META,
+          metaId: this.$query.staObject
+        })
+      }
+      if (!this.listConfigs.listFields) {
+        const listConfigs = { ...this.listConfigs }
+        listConfigs.listFields = meta.getListFields()
+        this.$set(this.pageConfig, 'listConfigs', listConfigs)
+      }
+      const { listFields, fieldConfigs = {} } = this.listConfigs
+      const { searchFields = [] } = this.searchConfigs
+      const { filterFields = [] } = this.filterConfigs
+      if (searchFields.length > 0) {
+        this.$FieldFactory.createFields({
+          defaultFieldConfigs: fieldConfigs,
+          fields: searchFields,
+          meta: meta,
+          pageType: 'SEARCH'
+        })
+          .then(data => {
+            this.searchFields = [...data]
+          })
+      }
+
+      if (filterFields.length > 0 && this.filterConfigs.flag) {
+        this.$FieldFactory.createFields({
+          defaultFieldConfigs: fieldConfigs,
+          fields: filterFields,
+          meta: meta,
+          pageType: 'SEARCH'
+        })
+          .then(data => {
+            this.filterFields = [...data]
+          })
+      }
+      this.$FieldFactory.createFields({
+        defaultFieldConfigs: fieldConfigs,
+        fields: listFields,
+        meta: meta,
+        pageType: this.pageType
+      })
+        .then(data => {
+          this.listFields = [...data]
+        })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/ReportFormListPage.vue

@@ -0,0 +1,91 @@
+<script>
+import BasePageVue from '@/frame/packages/base-page/BasePage.vue'
+export default {
+  name: 'epx-report-form-list-page',
+  extends: BasePageVue,
+  searchComponent: '',
+  items: [
+    // {
+    //   title: '导航',
+    //   id: 'nav',
+    //   contentType: 'header'
+    // },
+    // {
+    //   title: '查询',
+    //   id: 'filter',
+    //   contentType: 'search-filter',
+    //   configs: {
+    //     style: {} // 样式修改
+    //   }
+    // },
+    // {
+    //   title: '列表区域',
+    //   id: 'list',
+    //   contentType: 'entity-list',
+    //   configs: {
+    //   }
+    // }
+  ],
+  itemConfigs: {},
+  methods: {
+    initComponents () {
+      const { searchComponent } = this.$configs
+      const { items = [] } = this.$component
+      if (items.length === 0) {
+        if (this.openType !== '2') {
+          items.push({
+            title: this.$t('nav'),
+            id: 'nav',
+            contentType: 'header'
+          })
+        }
+        items.push(
+          {
+            title: this.$t('list of areas'),
+            id: 'list',
+            contentType: 'report-from-list',
+            configs: {
+            }
+          })
+        this.$set(this.$component, 'items', items)
+      }
+      if (searchComponent) {
+        items.forEach(item => {
+          if (item.id === 'search') item.contentType = searchComponent
+        })
+      }
+    }
+  },
+  created () {
+    this.$on('list-operates', (...params) => {
+      this.$broadcastCom('header', 'list-operates', params)
+    })
+    this.initComponents()
+  },
+
+  mounted () {
+    this.$on('search', (...params) => {
+      function broadcastAllCom (eventName, params) {
+        if (!this.$children) return
+        this.$children.forEach(child => {
+          if (child.$options.$componentType === 'component') {
+            child.$emit.apply(child, [eventName].concat(params))
+          }
+          broadcastAllCom.apply(child, [eventName].concat([params]))
+        })
+      }
+      broadcastAllCom.apply(this, ['getData'].concat([params]))
+    })
+
+    this.$on('listData', params => {
+      // 根据id获取子组件
+      this.$broadcastCom('search-filter', 'setListData', [params])
+      this.$broadcastCom('m-search', 'setListData', [params])
+    })
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/RoleTreePage.vue

@@ -0,0 +1,180 @@
+<template>
+  <div class="container" @click="showPopover=null">
+    <div class="tree-list">
+      <!-- <div class="opera">
+        <el-button type="primary" size="small" @click="getCheckedKeys">保存</el-button>
+      </div> -->
+      <div style="height:16px"></div>
+        <!-- :auto-expand-parent="false" -->
+        <!-- :check-strictly="true" -->
+      <el-tree class="tree" ref="tree"
+        :data="treeModule"
+        :props="{label: 'title', children: 'children'}"
+        :filter-node-method="filterNode"
+        :expand-on-click-node="false"
+        :current-node-key="clickItem.id"
+        show-checkbox
+        node-key="id"
+        :default-expanded-keys="defaultClick"
+        :default-checked-keys="defaultCheck"
+        :check-on-click-node="true"
+        :highlight-current="true"
+      >
+         <span slot-scope="{ node, data }">
+            <!-- 图标 -->
+            <i :class="data.children.length>0? 'el-icon-folder' : 'el-icon-document'"></i>
+            <!-- 文字 -->
+            <span>{{ node.label }}</span>
+         </span>
+      </el-tree>
+      <div class="opera-bottom">
+        <el-button type="primary" size="small" @click="getCheckedKeys">保存</el-button>
+      </div>
+    </div>
+    <!-- 右边页面内容 -->
+    <div class="content">
+      <!-- <template v-for="(item, index) in routers">
+        <epx-page @changeRouter="changeRouter" @back="back" @reloadPage="reloadPage" :key="index" v-if="!$_.isEqual(item, route) || showPage" v-show="index===showIndex" :flag="route.flag" :metaId="route.metaId" :inline="true" component="add" :current-query="item"></epx-page>
+      </template> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import EntityTreePage from './EntityTreePageOld.vue'
+export default {
+  name: 'epx-role-tree-page',
+  extends: EntityTreePage,
+  data () {
+    return {
+      defaultCheck: []
+    }
+  },
+  methods: {
+    getCheckedKeys () {
+      const modules = this.$refs.tree.getCheckedKeys()
+      const parent = this.$refs.tree.getHalfCheckedKeys()
+      const arr = [...modules, ...parent]
+      const str = arr.join(',')
+      const params = {
+        action: 'saveModules',
+        entityId: this.$metaId,
+        roleId: this.$query.id,
+        modules: str
+      }
+      this.$http.$request(params)
+        .then(data => {
+          this.$message.success('保存成功')
+        })
+        .catch(err => {
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    getTreeModule () {
+      const { id } = this.$query
+      const params = {
+        action: 'getRoleModuleTree',
+        entityId: this.$metaId,
+        node: 'root',
+        roleId: id
+      }
+      this.$http.$request(params)
+        .then(data => {
+          this.treeModule = [...data]
+          this.getTreeChecked(this.treeModule)
+        })
+    },
+    getTreeChecked (arr) {
+      arr.forEach(item => {
+        if (item.children.length > 0) {
+          this.getTreeChecked(item.children)
+        } else if (item.checked) {
+          this.defaultCheck.push(item.id)
+        }
+      })
+      // arr.forEach(item => {
+      //   if (item.checked) {
+      //     this.defaultCheck.push(item.id)
+      //     if (item.parent) {
+      //       this.defaultCheck.push(item.parent)
+      //     }
+      //   }
+      //   if (item.children.length > 0) {
+      //     this.getTreeChecked(item.children)
+      //   }
+      // })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+}
+.tree {
+  &::v-deep .is-current {
+    background: rgb(245, 247, 250);
+  }
+}
+.tree-list {
+  width: 250px;
+  height: 100%;
+  flex-shrink: 0;
+  background: #fff;
+  overflow: auto;
+  margin-right: 10px;
+  &::v-deep {
+    .el-tree-node__content {
+      height: 30px;
+    }
+  }
+}
+.tree-header {
+  @include bg_color_primary;
+  font-size: 16px;
+  line-height: 30px;
+  color: #fff;
+  padding: 8px 12px;
+}
+.opera {
+  padding: 10px;
+  border-bottom: 1px solid #e3e3e3;
+}
+.opera-bottom {
+  padding: 10px;
+  border-top: 1px solid #e3e3e3;
+  margin-top: 10px;
+  // text-align: center;
+}
+.button-group {
+  margin-bottom: 10px;
+}
+.tree-node {
+  line-height: 32px;
+}
+.tree-node >i{
+  @include font_color_primary;
+  margin-right: 8px;
+  font-size: 16px;
+}
+.content {
+  flex: 1;
+  overflow: hidden;
+}
+
+.opera-list {
+  li {
+    line-height: 36px;
+    cursor: pointer;
+    padding: 0 20px;
+    color: #666;
+    &:hover {
+      @include bg_color_primary(.2);
+    }
+  }
+}
+</style>

package/src/frame/views/ServiceHelp.vue

@@ -0,0 +1,177 @@
+<script>
+export default {
+  name: 'epx-service-help-page',
+  navConfigs: {
+    flag: false
+  },
+  data () {
+    return {
+      helpTree: [],
+      selectItem: {},
+      opened: []
+    }
+  },
+  methods: {
+    getHelpTree () {
+      this.$http.getTree({
+        entityId: 'FM_SERVICE_HELP',
+        'scope.SERVICE': this.appConfig.ID,
+        order_field: 'ORDER_NUM',
+        order_mode: 'asc'
+      })
+        .then(data => {
+          this.helpTree = data
+        })
+    },
+    switchOpen (id, e) {
+      e.stopPropagation()
+      const index = this.opened.indexOf(id)
+      if (index !== -1) {
+        this.opened.splice(index, 1)
+      } else {
+        this.opened.push(id)
+      }
+    },
+    clickItem (item) {
+      this.$http.get({
+        entityId: 'FM_SERVICE_HELP',
+        id: item.id
+      })
+        .then(data => {
+          this.selectItem = { ...data.data }
+        })
+    },
+    renderTree (treeList, level = 0) {
+      return (
+        <ul class="tree-list">
+          {
+            treeList.map(item => (
+              <li class="tree-item">
+                <p class="tree-item__title" onClick={this.clickItem.bind(this, item)}>
+                  {
+                    new Array(level).fill('1').map(() => (
+                      <span class="tree-item__indent"></span>
+                    ))
+                  }
+                  <span class="tree-item__indent">
+                    { item.children && item.children.length > 0 && (
+                      <i
+                        class={{ 'tree-item__fold': true, 'el-icon-arrow-right': true, open: this.opened.includes(item.id) }}
+                        onClick={this.switchOpen.bind(this, item.id)}>
+                      </i>
+                    )}
+                  </span>
+                  <el-tooltip content={item.text} placement="top" open-delay="300">
+                    <span>{item.text}</span>
+                  </el-tooltip>
+                </p>
+                {
+                  item.children && item.children.length > 0 && this.opened.includes(item.id) && this.renderTree(item.children, level + 1)
+                }
+              </li>
+            ))
+          }
+        </ul>
+      )
+    }
+  },
+  render () {
+    return (
+      <div class="container">
+        <div class="help-tree">
+          <div class="help-tree__title">帮助中心</div>
+          { this.renderTree(this.helpTree) }
+        </div>
+        {
+          this.selectItem.ID && (
+            <div class="help-content">
+              <div class="help-content__title">
+                {this.selectItem.TITLE}
+              </div>
+              <div class="help-content__html" domPropsInnerHTML={this.selectItem.CONTENT}></div>
+            </div>
+          )
+        }
+
+      </div>
+    )
+  },
+  // 获取应用帮助的菜单
+  created () {
+    this.getHelpTree()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  background: #fff;
+  display: flex;
+}
+.help-tree {
+  width: 240px;
+  height: 100%;
+  box-sizing: border-box;
+  overflow: auto;
+  background: rgb(250, 250, 250);
+  flex-shrink: 0;
+}
+.help-tree__title {
+  line-height: 60px;
+  border-bottom: 1px solid #e3e3e3;
+  text-align: center;
+  font-size: 18px;
+  font-weight: 600;
+}
+.tree-list {
+}
+.tree-item {
+  cursor: pointer;
+}
+.tree-item__title {
+  height: 36px;
+  line-height: 36px;
+  color: #666;
+  padding-left: 20px;
+  position: relative;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  &:hover {
+    background: rgb(240, 240, 240);
+  }
+}
+.tree-item__indent {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+}
+.tree-item__fold {
+  position: relative;
+  line-height: 36px;
+  color: #999;
+  transition: all .5s;
+  &.open {
+    transform: rotate(90deg);
+  }
+}
+.help-content {
+  width: calc(100% - 240px);
+  height: 100%;
+  overflow: auto;
+  padding: 40px;
+  box-sizing: border-box;
+}
+.help-content__title {
+  line-height: 60px;
+  font-size: 24px;
+  font-weight: 600;
+  border-bottom: 3px solid #ccc;
+  margin-bottom: 20px;
+}
+.help-content__html {
+  height: calc(100% - 84px);
+  overflow: auto;
+}
+</style>