ibps-pending-fm-inher

一款基于Vue框架和Element-UI组件库开发的待办中心栏目和待办消息【统一待办定制】

ibps-pending-fm-inher有两种组件:

• 待办中心栏目(ibps-pending-column)
• 待办消息(ibps-pending-message)

install 安装

  npm install ibps-pending-fm-inher --save

use 使用

在main.js中写入下面的代码

    import Vue from 'vue'
    import IbpsPendingFm from 'ibps-pending-fm-inher'
    Vue.use(IbpsPendingFm)

接下来，你就可以在页面中使用IbpsPendingFm的2个组件

<template>
     <ibps-pending-message
    :url="pendingUrl"
    :access-token="accessToken"
    :more-url="pendingMoreUrl"
    />
    <p/>
    <ibps-pending-column
    :url="pendingUrl"
    :access-token="accessToken"
    :more-url="pendingMoreUrl"
    :height="430"
    />

</template>
<script>
    export default {
        data () {
            return {
               //api地址
                pendingUrl:"http://192.168.3.230:42000/ibps",
               //设置token,可以把原来token转换成识别的token
                 accessToken:'3ae39424a44438d9458c69aeb631cb5',
                //点击更多跳转的地址
                 pendingMoreUrl:"http://localhost:9528/#/"
            }
        }
    }
</script>

如果页面直接引用 【推荐该方案】

<template>
    <ibps-pending-message
    :url="pendingUrl"
    :headers="pendingHeaders"
    :more-url="pendingMoreUrl"
    />
    <p/>
    <ibps-pending-column
    :url="pendingUrl"
    :headers="pendingHeaders"
    :more-url="pendingMoreUrl"
    :height="430"
    />
</template>
<script>
import { IbpsPendingColumn } from 'ibps-pending-fm'
import { IbpsPendingMessage } from 'ibps-pending-fm'
    export default {
      components: {
        IbpsPendingColumn,
        IbpsPendingMessage
      },
        data () {
            return {
               //api地址
                pendingUrl:"http://192.168.3.230:42000/ibps",
                //设置token,可以把原来token转换成识别的token
                 accessToken:'3ae39424a44438d9458c69aeb631cb5',
                //点击更多跳转的地址
                 pendingMoreUrl:"http://localhost:9528/#/"
            }
        }
    }
</script>

ibps-pending-column [待办栏目]配置说明:

属性 Attributes

属性 | 说明 |  类型 |  默认值 :-------: | ------- | :-------: | :-------: url|api地址|String|- token-source|token来源，可选值-》base：基础平台，bossGreatge：服务大厅|String|base access-token|请求的token,可以原来token转换成平台识别的token|String|- headers|api地址请求头，主要设置token|Object|- more-url|点击更多和栏目的跳转地址|String|- height|栏目的高度|Number|400 limit|栏目的显示条数|Number|20 open-mode|栏目打开方式，弹窗：dialog,新页面：url|String|url open-url-form-mode|栏目打开URL方式，根据url地址打开新页面：url，不填或者其他采用openMode的方式|String|url

ibps-pending-message [待办消息]配置说明:

属性 Attributes

属性 | 说明 |  类型 |  默认值 :-------: | ------- | :-------: | :-------: url|api地址|String|- token-source|token来源，可选值-》base：基础平台，bossGreatge：服务大厅|String|base access-token|请求的token,可以原来token转换成识别的token|String|- headers|api地址请求头，主要设置token|Object|- more-url|点击更多和栏目的跳转地址|String|- limit|栏目的显示条数|Number|3 auto-height|弹窗自适应高度|Boolean|true height|弹窗高度，开启自适应高度该高度不生效|Number|280 icon-size|图标尺寸|Number|26 enable-refresh|启用定时刷新|Boolean|true refresh-time|刷新时间|Number|60000 open-mode|栏目打开方式，弹窗：dialog,新页面：url|String|dialog open-url-form-mode|栏目打开URL方式，根据url地址打开新页面：url，不填或者其他采用openMode的方式|String|url

插槽 Slots

name | 说明 :-------: | ------- icon|图标插槽|String|-

更新日志

2.0.12

2023-10-30

新增

• 新增 column 和message 的属性openUrlFormMode 打开URL表单模式，支持场景4的跨域处理。默认是url方式

2.0.11

2023-08-21

修复

• 修复统一待办跳转错误的bug

优化

• 优化部分代码问题