修复消息中心bug

src/api/platform/message/innerMessage.js

@@ -119,3 +119,15 @@ export function getMsgList(params) {
     data: params
   })
 }
+
+/**
+ * 获取我的未读消息列表，带参数
+ * @param {*} params
+ */
+ export function getMyMsgList(params) {
+  return request({
+    url: MSG_URL() + '/msg/innerMessage/indexMsgList',
+    method: 'post',
+    data: params
+  })
+}

src/business/platform/form/utils/custom/pintText.js

@@ -1,36 +1,38 @@
 import dialog from '@/utils/dialog'
 
-const getPint =  (tableForm,srcUrl) => {
+const getPint = (tableForm, srcUrl) => {
+    // 移动端特殊处理
+    if (/Mobi|Android|iPhone|iPad/i.test(navigator.userAgent)) {
+        return
+    }
     dialog(
-            {
-             data(){
-               return {
-                 readonly:false,
-                 data:''
-               }
-               },
-
-               template:'<div style="height:100%">' +
-               '<iframe src="'+ srcUrl + '"'+
-               'id="myiframe"  frameborder="0" scrolling="no" height="100%" width="100%"></iframe>'+
-               '</div>'
-             },
-             {
-               dialog:{
-                 appendToBody:true,
-                 width: '90%',
-                 top: '1vh',
-                 center: true,
-                 title: '',
-                 'custom-class':'ibps-dialog-91'
-               }
-             },(tpl)=>{
-               tableForm.dialogTemplate =tpl
-               }
-            ).catch((_this)=>{
-               _this.visible = false
-               tableForm.dialogTemplate = null
-             })
+        {
+            data () {
+                return {
+                    readonly: false,
+                    data: ''
+                }
+            },
+            template: `<div style="height:100%"><iframe src="${srcUrl}" id="myiframe" frameborder="0" scrolling="no" height="100%" width="100%"></iframe></div>`
+        },
+        {
+            dialog: {
+                appendToBody: true,
+                width: '90%',
+                top: '1vh',
+                center: true,
+                title: '',
+                'custom-class': 'ibps-dialog-91'
+            }
+        }, (tpl) => {
+            tableForm.dialogTemplate = tpl
+        }
+    ).then(() => {
+        console.log('nb')
+    }).catch((_this) => {
+        _this.visible = false
+        tableForm.dialogTemplate = null
+    })
 }
 
 

src/layout/header-aside/components/components/float-ball/index.vue

@@ -1,399 +1,407 @@
 <template>
-  <div class="slide-button-box bdshare-slide-style-r0">
-    <!-- <h3 style="float: right;width: 120px;">您有新的任务</h3> -->
-    <a href="#"   class="slide-button"  :class="{r1:shrinkPacket==true}" @mouseout="outUp()"  @mouseenter="stop()"></a>
-    <div class="slide-list-box"   @mouseenter="stop()">
-      <div class="slide-list" id="box">
-        <ul class="slide-ul-tab">
-          <li class="slide-li-tab" :class='{cur:tab===1}'  @click="tab=1">
-            <i class="circle"></i>
-            <span>实时待办任务</span>
-          </li>
-          <!-- <li class="slide-li-tab" :class='{cur:tab===2}' @click="tab=2">
-            <i class="circle"></i>
-            <span>定时任务</span>
-          </li> -->
-        </ul>
-        <div  v-show="tab===1">
-            <ul class="slide-list-ul" style="width: 226px;">
-              <li class="slide-list-li" v-for='(item,index) in userTypeData' :key='index' @click="outToProcess(item)">
-                {{item.name}}
-              </li>
+    <div class="slide-button-box bdshare-slide-style-r0">
+        <!-- <h3 style="float: right;width: 120px;">您有新的任务</h3> -->
+        <a href="#"
+            class="slide-button"
+            :class="{ r1: shrinkPacket == true }"
+            @mouseout="outUp()"
+            @mouseenter="stop()"
+        ></a>
+        <div class="slide-list-box" @mouseenter="stop()">
+            <div class="slide-list" id="box">
+                <ul class="slide-ul-tab">
+                    <li class="slide-li-tab" :class='{ cur: tab === 1 }' @click="tab = 1">
+                        <i class="circle"></i>
+                        <span>实时待办任务</span>
+                    </li>
+                    <!-- <li class="slide-li-tab" :class='{cur:tab===2}' @click="tab=2">
+                        <i class="circle"></i>
+                        <span>定时任务</span>
+                    </li> -->
+                </ul>
+                <div v-show="tab === 1">
+                    <ul class="slide-list-ul" style="width: 226px;">
+                        <li
+                            v-for='(item, index) in userTypeData'
+                            :key='index'
+                            class="slide-list-li"
+                            @click="outToProcess(item)"
+                        >
+                            {{ item.name }}
+                        </li>
+                        <li v-if="userTypeData.length == 0" class="slide-list-li">暂无任务...</li>
+                    </ul>
+                    <div class="slide-bottom" style="width: 226px;">
+                        <router-link :to="{ path: '/officeDesk/pendingItems' }" style="color:#AA7700 ;">更多...</router-link>
+                    </div>
+                </div>
 
-               <li  class="slide-list-li" v-if="userTypeData.length==0" >暂无任务...</li>
-            </ul>
-            <div class="slide-bottom" style="width: 226px;">
-             <router-link :to="{path:'/officeDesk/pendingItems'}" style="color:#AA7700 ;">更多...</router-link>
+                <!-- <div v-show ="tab===2">
+                    <ul class="slide-list-ul" style="width: 226px;">
+                        <li
+                            v-for='(item, index) in userTypeData0'
+                            :key='index'
+                            class="slide-list-li"
+                            @click="openMessage(item)"
+                        >
+                            <span style="float: left;"> {{item.ren_wu_biao_ti_ }}</span>
+                            <span style="float: right;margin-right: 17px;">日期: {{item.ren_wu_shi_jian_.substring(5, 10)}}</span>
+                        </li>
+                        <li  class="slide-list-li" v-if="userTypeData0.length==0" >暂无任务...</li>
+                    </ul>
+                </div> -->
             </div>
         </div>
-
-       <!-- <div style="" v-show ="tab===2">
-            <ul class="slide-list-ul" style="width: 226px;">
-              <li class="slide-list-li" v-for='(item0,index0) in userTypeData0' :key='index0' @click="openMessage(item0)">
-               <span style="float: left;"> {{item0.ren_wu_biao_ti_ }}</span>
-                <span style="float: right;margin-right: 17px;">日期: {{item0.ren_wu_shi_jian_.substring(5, 10)}}</span>
-              </li>
-               <li  class="slide-list-li" v-if="userTypeData0.length==0" >暂无任务...</li>
-            </ul>
-
-        </div> -->
-      </div>
-    </div>
-    <bpmn-formrender
-      :visible="dialogFormVisible"
-      :task-id="taskId"
-      :title = "title"
-      :def-id="defId"
-      :instance-id="instanceId"
-      @callback="search"
-      @close="visible => dialogFormVisible = visible"
-    />
-
+        <bpmn-formrender
+            :visible="dialogFormVisible"
+            :task-id="taskId"
+            :title="title"
+            :def-id="defId"
+            :instance-id="instanceId"
+            @callback="search"
+            @close="visible => dialogFormVisible = visible"
+        />
     </div>
-
- </template>
+</template>
 
 <script>
-import { StatisticsData,StatisticsSign} from '@/api/platform/system/jbdHome'
-import { pending,handled } from '@/api/platform/office/bpmReceived'
-import ActionUtils from '@/utils/action'
-import axios from 'axios'
-import { getToken } from '@/utils/auth'
-import { BASE_API,BUSINESS_BASE_URL } from '@/api/baseUrl' //引用导出地址
-
- export default {
-    props: {id: String},
-    data() {
-      return {
-        dialogFormVisible: false, // 弹窗
-        taskId: '', // 编辑dialog需要使用
-        timer:"",
-        getDataTimer:'',
-        shrinkPacket:false,
-        tab: 1,
-        userTypeData:[],
-        userTypeData0:[],
-        pagination: {pageNo: 1,limit:5},
-        sorts:{},
-        messageCount:0,
-        infoMessage:'',
-        defId: '',
-        instanceId: '',
-        overNumber:0,
-        title:"",
-       }
-    },
-    mounted() {
-      axios.interceptors.request.use(res => {
-          res.headers.common['X-Authorization-access_token'] = getToken()
-          return res;
-      });
-    },
-    created() {
-     //this.getDataTimer = setInterval(this.loadData,1000*60*10); //每10分钟获取开始任务
-     this.getDataTimer = setInterval(this.loadData,10000); //获取开始任务
-    },
-    /* 销毁定时事件*/
-    beforeDestroy() {
-      clearInterval(this.getDataTimer);
-      clearInterval(this.timer);
-	  if(this.infoMessage){
-      this.infoMessage.close();
-	  }
-       this.messageCount = 0
-    },
-    methods: {
-      outUp(){
-        this.tab = 1
-         this.loadData()
-      },
-      outToProcess(item){
-      this.title = item.name
-       this.taskId = item.taskId || ''
-       this.dialogFormVisible = true
-      },
-      getProcDefId(data) {
-        this.procDefIdSelect = data
-      },
+    import { StatisticsData, StatisticsSign } from '@/api/platform/system/jbdHome'
+    import { pending, handled } from '@/api/platform/office/bpmReceived'
+    import ActionUtils from '@/utils/action'
+    import axios from 'axios'
+    import { getToken } from '@/utils/auth'
+    import { BASE_API, BUSINESS_BASE_URL } from '@/api/baseUrl'
 
-      overData(id) {
-        handled(this.getFormatParams(id)).then(response => {
-        }).catch(() => {
-        })
-      },
-
-
-      loadData(id) {
-         axios.post(BASE_API()+BUSINESS_BASE_URL()+"/bpm/received/query/pending",
-              this.getFormatParams(id)
-                    )
-            .then(response => {
-              if(response.status !==200){//返回错误码则进行销毁轮训任务
-                  clearInterval(this.getDataTimer);
-                  clearInterval(this.timer);
-                  return
-              }
-              if(this.messageCount < response.data.data.pageResult.totalCount){//如果记录数量小于当前数量
-                    if(this.timer==="" &&  this.messageCount > 0){
-                      this.$notify({
-                               title: '任务提示',
-                               message: '您有新的待办任务产生，请及时办理！',
-                               type: 'warning',
-                               offset: 100,
-                               duration:9000
-                             });
-                     this.timer = setInterval(this.startRotate,500);
-                     }else if(this.messageCount >0){
-                       this.$notify({
+    export default {
+        props: { id: String },
+        data () {
+            return {
+                dialogFormVisible: false, // 弹窗
+                taskId: '', // 编辑dialog需要使用
+                timer: '',
+                getDataTimer: '',
+                shrinkPacket: false,
+                tab: 1,
+                userTypeData: [],
+                userTypeData0: [],
+                pagination: { pageNo: 1, limit: 5 },
+                sorts: {},
+                messageCount: 0,
+                infoMessage: '',
+                defId: '',
+                instanceId: '',
+                overNumber: 0,
+                title: ''
+            }
+        },
+        mounted () {
+            axios.interceptors.request.use(res => {
+                res.headers.common['X-Authorization-access_token'] = getToken()
+                return res
+            })
+        },
+        created () {
+            if (this.getDataTimer) {
+                clearInterval(this.getDataTimer)
+            }
+            //this.getDataTimer = setInterval(this.loadData,1000*60*10) //每10分钟获取开始任务
+            this.getDataTimer = setInterval(this.loadData, 10000) //获取开始任务
+        },
+        // 清除定时事件
+        beforeDestroy () {
+            clearInterval(this.getDataTimer)
+            clearInterval(this.timer)
+            if (this.infoMessage) {
+                this.infoMessage.close()
+            }
+            this.messageCount = 0
+        },
+        methods: {
+            outUp () {
+                this.tab = 1
+                this.loadData()
+            },
+            outToProcess (item) {
+                this.title = item.name
+                this.taskId = item.taskId || ''
+                this.dialogFormVisible = true
+            },
+            getProcDefId (data) {
+                this.procDefIdSelect = data
+            },
+            overData (id) {
+                handled(this.getFormatParams(id)).then(response => {}).catch(() => {})
+            },
+            loadData (id) {
+                axios.post(BASE_API()+BUSINESS_BASE_URL() + '/bpm/received/query/pending', this.getFormatParams(id)).then(response => {
+                    // 返回错误码则销毁轮训任务
+                    if (response.status !== 200) {
+                        clearInterval(this.getDataTimer)
+                        clearInterval(this.timer)
+                        return
+                    }
+                    // 如果记录数量小于当前数量
+                    if (this.messageCount < response.data.data.pageResult.totalCount) {
+                        if (this.timer === '' && this.messageCount > 0) {
+                            this.$notify({
                                 title: '任务提示',
                                 message: '您有新的待办任务产生，请及时办理！',
                                 type: 'warning',
                                 offset: 100,
-                                duration:9000
-                              });
-                     }
-                   }
-
-                      this.messageCount = response.data.data.pageResult.totalCount
-                      ActionUtils.handleListData(this, response.data.data)
-                      this.userTypeData = response.data.data.dataResult;
-                    }).catch(() => {//报错则进行销毁
-                      clearInterval(this.getDataTimer);
-                        clearInterval(this.timer);
-                      if(this.infoMessage){
-                        this.infoMessage.close();
-                      }
-                         this.messageCount = 0
-                    })
-      },
-      search() {
-        this.loadData()
-      },
-      getFormatParams(id) {
-        const params = this.$refs['crud'] ? this.$refs['crud'].getSearcFormData() : {}
-        if (this.$utils.isNotEmpty(this.procDefIdSelect)) {
-          params['Q^temp.proc_def_key_^S'] = this.procDefIdSelect
-        }
-        if (this.$utils.isNotEmpty(id)) {
-          params['Q^temp.TYPE_ID_^S'] = id
-        }
-        return ActionUtils.formatParams(
-          params,
-          this.pagination,
-          this.sorts)
-      },
-      createData(val) {
-        StatisticsData().then(data => { //将参数替换成对应参数
-           this.userTypeData0 = data.variables.data;
-        })
-      },
+                                duration: 9000
+                            })
+                            this.timer = setInterval(this.startRotate, 500)
+                        } else if (this.messageCount > 0) {
+                            this.$notify({
+                                title: '任务提示',
+                                message: '您有新的待办任务产生，请及时办理！',
+                                type: 'warning',
+                                offset: 100,
+                                duration: 9000
+                            })
+                        }
+                    }
 
-      startRotate() {
-          this.shrinkPacket = true;
-       setTimeout(()=>{
-          this.shrinkPacket = false;
-       },150)
-      },
-     stop() {
-      clearInterval(this.timer);
-      this.timer = ""
-     },
-     openMessage(cont){
-       if(this.infoMessage){
-        this.infoMessage.close()
-        }
-       let h = this.$createElement,
-        _this = this;
-       window.setTimeout(() => {
-              this.infoMessage = this.$notify.info({
-                        title: '定时通知:'+cont.ren_wu_biao_ti_,
-                        message:  h('p', null, [
-                          h('span', null, '任务时间: '+cont.ren_wu_shi_jian_),
-                          h('br'),
-                          h('span', null, '受理对象: '+cont.shou_li_dui_xiang),
-                          h('br'),
-                          h('span',null, '任务内容: '),
-                          h('span', {style:'color: #FF8C00;font-size:12px;'},cont.ding_shi_ren_wu_n),
-                          h('br'),
-                          h('el-button', {
-                                   attrs: {
-                                     size: 'mini',
-                                     type: cont.dui_ying_liu_chen ? 'success' :'primary',
-                                     plain:true,
-                                   },
-                                   on: {
-                                     click:()=>{
-                                       _this.cancelInfo()
-                                       }// 路由加载之后，调用关闭消息弹窗的方法
-                                   }
-                                 },  '取消提醒'),
-                         h('el-button', {
-                                  attrs: {
+                    this.messageCount = response.data.data.pageResult.totalCount
+                    ActionUtils.handleListData(this, response.data.data)
+                    this.userTypeData = response.data.data.dataResult
+                }).catch(() => {
+                    clearInterval(this.getDataTimer)
+                    clearInterval(this.timer)
+                    if (this.infoMessage) {
+                        this.infoMessage.close()
+                    }
+                    this.messageCount = 0
+                })
+            },
+            search () {
+                this.loadData()
+            },
+            getFormatParams (id) {
+                const params = this.$refs['crud'] ? this.$refs['crud'].getSearcFormData() : {}
+                if (this.$utils.isNotEmpty(this.procDefIdSelect)) {
+                    params['Q^temp.proc_def_key_^S'] = this.procDefIdSelect
+                }
+                if (this.$utils.isNotEmpty(id)) {
+                    params['Q^temp.TYPE_ID_^S'] = id
+                }
+                return ActionUtils.formatParams(params, this.pagination, this.sorts)
+            },
+            createData (val) {
+                StatisticsData().then(data => { //将参数替换成对应参数
+                    this.userTypeData0 = data.variables.data
+                })
+            },
+            startRotate () {
+                this.shrinkPacket = true
+                setTimeout(() => {
+                    this.shrinkPacket = false
+                }, 150)
+            },
+            stop () {
+                clearInterval(this.timer)
+                this.timer = ''
+            },
+            openMessage (cont) {
+                if (this.infoMessage) {
+                    this.infoMessage.close()
+                }
+                let h = this.$createElement,
+                    _this = this
+                window.setTimeout(() => {
+                    this.infoMessage = this.$notify.info({
+                        title: '定时通知:' + cont.ren_wu_biao_ti_,
+                        message: h('p', null, [
+                            h('span', null, '任务时间: ' + cont.ren_wu_shi_jian_),
+                            h('br'),
+                            h('span', null, '受理对象: ' + cont.shou_li_dui_xiang),
+                            h('br'),
+                            h('span', null, '任务内容: '),
+                            h('span', { style: 'color: #FF8C00;font-size:12px;' }, cont.ding_shi_ren_wu_n),
+                            h('br'),
+                            h('el-button', {
+                                attrs: {
+                                    size: 'mini',
+                                    type: cont.dui_ying_liu_chen ? 'success' : 'primary',
+                                    plain: true,
+                                },
+                                on: {
+                                    click: () => {
+                                        _this.cancelInfo()
+                                    }// 路由加载之后，调用关闭消息弹窗的方法
+                                }
+                            }, '取消提醒'),
+                            h('el-button', {
+                                attrs: {
                                     size: 'mini',
-                                    plain:true,
-                                  },
-                                  on: {
-                                    click:()=>{
-                                     this.infoMessage.close()
-                                      }// 路由加载之后，调用关闭消息弹窗的方法
-                                  }
-                                }, '忽略关闭')
+                                    plain: true,
+                                },
+                                on: {
+                                    click: () => {
+                                        this.infoMessage.close()
+                                    }// 路由加载之后，调用关闭消息弹窗的方法
+                                }
+                            }, '忽略关闭')
 
                         ]),
                         duration: 0,
-                      });
-              }, 0)
-     },
-  cancelInfo(cronId,title,processData,task){
-      /* 调用流程*/
-      this.infoMessage.close()
-      },
+                    })
+                }, 0)
+            },
+            cancelInfo (cronId, title, processData, task) {
+                // 调用流程
+                this.infoMessage.close()
+            },
 
 
+        }
     }
-  }
 </script>
-
 <style lang="less"  scoped>
-.cur  .circle{background-color:#fff;}
-.slide-ul-tab{
-  list-style: none;
-  width: 226px;
-  height: 25px;
-  line-height: 25px;
-  margin:0  0  10px  0;
-  padding: 0;
-  background-color:#fff;
-  color:#e6a23c;
-}
-.slide-li-tab{
-   float: left;
-   padding: 0px 12px 0px 9px;
-   background-color: #e6a23c;
-   color:#fff;
-   display:inline;
-   cursor:pointer;
-}
-.circle{
-      width: 8px; margin: 0px 10px;
-      height: 8px;
-      background-color:#e6a23c;
-      border-radius: 50%;
-      -moz-border-radius: 50%;
-      -webkit-border-radius: 50%;display: inline-block;}
-.slide-button-box{
-    bottom: 60px;
-    width: 0px;
-    z-index:2005;
-    right: 0px;
-    height: 250px;
-    position: fixed;
-    overflow: visible;
-}
-.slide-button-box .slide-button{
-    width: 24px;
-    height:105px;
-    display: block;
-    position: absolute;
-    bottom: 60px;
-    left: -24px;
-    background-color: #e6a23c;
-    color: #fff;
-    background: url(../../../../../assets/images/pendingItems/15425.gif) no-repeat 0 0;
-}
-.slide-button-box:hover  {
-    width:226px;
-  }
-.slide-button-box:hover  .slide-list-box {
-    width:226px;
-    display: block;
-  }
-.slide-list-box{
-    width: 0px;
-    display: none;
-    border: solid 1px #e9e9e9;
-    text-align: left;
-    overflow: hidden;
-    background: #f6f6f6;
-    height:250px;
-    transition: all .5s;
-    // display: block;
-    // width:226px;
-}
-.slide-top{
-    height: 28px;
-    color: #626262;
-    overflow: hidden;
-    font-weight: bold;
-    font-size: 14px;
-    line-height: 28px;
-    padding: 0 5px;
-}
-.slide-list-ul{
-    width: 226px;
-    padding: 0;
-    margin: 0;
-    border: 0;
-    list-style: none;
-    height: 190px;
-    overflow: hidden;
-}
-
-.slide-list-li{
-    float: left;
-    padding:5px;
-    margin-left: 6px;
-    _margin-left: 3px;
-    height: 28px;line-height: 28px;
-    overflow: hidden; cursor:pointer;
-    list-style: none;
-    min-width: 228px;color: #e6a23c;
-    font-size: 13px;
-    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:20px;
-}
-.slide-list-li:hover{
-   background-color: #fdf6ec;
-}
-
-.slide-list-li  a{
-   /* background-color: #fdf6ec; */
-   color: #e6a23c;
-   font-size: 13px;
-}
-
-.slide-list-li  a:hover{
-   background-color: #fdf6ec;
-}
-
-.slide-list-li .slide-icon{
-   margin-right: 6px;
-}
-
-.slide-list{
-    background: #fff;
-    overflow: auto;
-    overflow-x: hidden;
-    /* padding: 5px 0; */
-    margin: 0;
-}
-.slide-bottom{
-    width: 226px;
-    line-height: 25px;
-    font-size: 12px;
-    text-align: right;
-    clear: both;
-    height: 30px;
-}
-.slide-bottom .slide-more{
-    border: none;
-    margin-right: 10px;
-    color: #e6a23c;
-}
-.r1 {
-    transform:rotate(-10deg);
-  }
-.r2 {
-    transform:rotate(3deg);
-  }
-
+    .cur .circle {
+        background-color: #fff;
+    }
+    .slide-ul-tab {
+        list-style: none;
+        width: 226px;
+        height: 25px;
+        line-height: 25px;
+        margin: 0 0 10px 0;
+        padding: 0;
+        background-color: #fff;
+        color: #e6a23c;
+    }
+    .slide-li-tab {
+        float: left;
+        padding: 0px 12px 0px 9px;
+        background-color: #e6a23c;
+        color: #fff;
+        display: inline;
+        cursor: pointer;
+    }
+    .circle {
+        width: 8px;
+        margin: 0px 10px;
+        height: 8px;
+        background-color: #e6a23c;
+        border-radius: 50%;
+        -moz-border-radius: 50%;
+        -webkit-border-radius: 50%;
+        display: inline-block;
+    }
+    .slide-button-box {
+        bottom: 60px;
+        width: 0px;
+        z-index: 2005;
+        right: 0px;
+        height: 250px;
+        position: fixed;
+        overflow: visible;
+    }
+    .slide-button-box .slide-button {
+        width: 24px;
+        height: 105px;
+        display: block;
+        position: absolute;
+        bottom: 60px;
+        left: -24px;
+        background-color: #e6a23c;
+        color: #fff;
+        background: url(../../../../../assets/images/pendingItems/15425.gif) no-repeat 0 0;
+    }
+    .slide-button-box:hover {
+        width: 226px;
+    }
+    .slide-button-box:hover .slide-list-box {
+        width: 226px;
+        display: block;
+    }
+    .slide-list-box {
+        width: 0px;
+        display: none;
+        border: solid 1px #e9e9e9;
+        text-align: left;
+        overflow: hidden;
+        background: #f6f6f6;
+        height: 250px;
+        transition: all .5s;
+        // display: block;
+        // width:226px;
+    }
+    .slide-top {
+        height: 28px;
+        color: #626262;
+        overflow: hidden;
+        font-weight: bold;
+        font-size: 14px;
+        line-height: 28px;
+        padding: 0 5px;
+    }
+    .slide-list-ul {
+        width: 226px;
+        padding: 0;
+        margin: 0;
+        border: 0;
+        list-style: none;
+        height: 190px;
+        overflow: hidden;
+    }
+    .slide-list-li {
+        float: left;
+        padding: 5px;
+        margin-left: 6px;
+        _margin-left: 3px;
+        height: 28px;
+        line-height: 28px;
+        overflow: hidden;
+        cursor: pointer;
+        list-style: none;
+        min-width: 228px;
+        color: #e6a23c;
+        font-size: 13px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        width: 20px;
+    }
+    .slide-list-li:hover {
+        background-color: #fdf6ec;
+    }
+    .slide-list-li a {
+        // background-color: #fdf6ec;
+        color: #e6a23c;
+        font-size: 13px;
+    }
+    .slide-list-li a:hover {
+        background-color: #fdf6ec;
+    }
+    .slide-list-li .slide-icon {
+        margin-right: 6px;
+    }
+    .slide-list {
+        background: #fff;
+        overflow: auto;
+        overflow-x: hidden;
+        // padding: 5px 0;
+        margin: 0;
+    }
+    .slide-bottom {
+        width: 226px;
+        line-height: 25px;
+        font-size: 12px;
+        text-align: right;
+        clear: both;
+        height: 30px;
+    }
+    .slide-bottom .slide-more {
+        border: none;
+        margin-right: 10px;
+        color: #e6a23c;
+    }
+    .r1 {
+        transform: rotate(-10deg);
+    }
+    .r2 {
+        transform: rotate(3deg);
+    }
 </style>

src/layout/header-aside/components/header-message/index.vue

@@ -1,207 +1,214 @@
 <template>
-  <div class="ibps-mr-5">
-    <el-tooltip v-if="messageCount === 0" :content="tooltipContent" effect="dark" placement="bottom">
-      <el-button class="ibps-ml-0 ibps-mr btn-text can-hover" type="text">
-        <el-badge :max="99" :value="messageCount">
-          <ibps-icon name="bell-o" size="16" />
-        </el-badge>
-      </el-button>
-    </el-tooltip>
-    <el-popover v-else placement="bottom-end" width="350" trigger="click" popper-class="header-message-popper">
-
-      <el-button slot="reference" class="ibps-ml-0 ibps-mr btn-text can-hover" type="text">
-        <el-badge :max="99" :value="messageCount">
-          <ibps-icon name="bell-o" size="16" />
-        </el-badge>
-      </el-button>
-
-      <!-- <el-card body-style="padding:0;">
-        <div slot="header" style="font-size: 20px; font-weight: 600;">
-          {{ $t('layout.header-aside.header-message.message-count',{messageCount:messageCount}) }}
-        </div>
-        <div style="height:250px;">
-          <el-scrollbar
-            style="height: 100%;width:100%;"
-            wrap-class="ibps-scrollbar-wrapper "
-          >
-            <ibps-list class="ibps-p-10">
-              <ibps-list-item
-                v-for="(message,index) in messageList"
-                :key="index"
-                @click.native="handelInteriorClick(message)"
-              >
-                <ibps-list-item-meta
-                  :title="message.subject"
-                  :description="message.ownerName"
-                >
-                  <el-avatar
-                    slot="avatar"
-                    :icon="message.messageType==='bulletin'?'ibps-icon-bullhorn':'ibps-icon-user'"
-                    shape="circle"
-                    style="background-color: #87d068"
-                  />
-                </ibps-list-item-meta>
-                <div slot="extra">
-                  {{ message.createTime|formatRelativeTime({'year':'yyyy-MM-dd'}) }}
+    <div class="ibps-mr-5">
+        <el-tooltip
+            v-if="messageCount === 0"
+            :content="tooltipContent"
+            effect="dark"
+            placement="bottom"
+        >
+            <el-button class="ibps-ml-0 ibps-mr btn-text can-hover" type="text">
+                <el-badge :max="99" :value="messageCount">
+                    <ibps-icon name="bell-o" size="16" />
+                </el-badge>
+            </el-button>
+        </el-tooltip>
+        <el-popover
+            v-else
+            placement="bottom-end"
+            width="350"
+            trigger="click"
+            popper-class="header-message-popper"
+        >
+            <el-button
+                slot="reference"
+                class="ibps-ml-0 ibps-mr btn-text can-hover"
+                type="text"
+            >
+                <el-badge :max="99" :value="messageCount">
+                    <ibps-icon name="bell-o" size="16" />
+                </el-badge>
+            </el-button>
+            <el-card body-style="padding:0;">
+                <div slot="header" style="font-size: 20px; font-weight: 600;">
+                    {{ $t('layout.header-aside.header-message.message-count', { messageCount: messageCount }) }}
+                </div>
+                <div style="height: 250px;">
+                    <el-scrollbar style="height: 100%; width: 100%;" wrap-class="ibps-scrollbar-wrapper ">
+                        <ibps-list class="ibps-p-10">
+                            <ibps-list-item
+                                v-for="(message, index) in messageList"
+                                :key="index"
+                                @click.native="handelInteriorClick(message)"
+                            >
+                                <ibps-list-item-meta :title="message.subject" :description="message.ownerName">
+                                    <el-avatar
+                                        slot="avatar"
+                                        :icon="message.messageType === 'bulletin' ? 'ibps-icon-bullhorn' : 'ibps-icon-user'"
+                                        shape="circle"
+                                        style="background-color: #87d068;"
+                                    />
+                                </ibps-list-item-meta>
+                                <div slot="extra">
+                                    {{ message.createTime | formatRelativeTime({ year: 'yyyy-MM-dd' }) }}
+                                </div>
+                            </ibps-list-item>
+                        </ibps-list>
+                    </el-scrollbar>
+                </div>
+                <div class="message-more">
+                    <el-link type="primary" @click="clickMore">{{ $t('layout.header-aside.header-message.viewmore') }}</el-link>
                 </div>
-              </ibps-list-item>
-            </ibps-list>
-          </el-scrollbar>
-        </div>
-        <div class="message-more">
-          <el-link type="primary" @click="clickMore">{{ $t('layout.header-aside.header-message.viewmore') }}</el-link>
-        </div>
-      </el-card> -->
-    </el-popover>
+            </el-card>
+        </el-popover>
 
-    <!-- 消息明细 -->
-    <inner-detail-dialog :id="editId" :visible="dialogFormVisible"
-      :title="$t('layout.header-aside.header-message.details')" inside readonly @callback="loadData"
-      @close="visible => dialogFormVisible = visible" />
-  </div>
+        <!-- 消息明细 -->
+        <inner-detail-dialog
+            :id="editId"
+            :visible="dialogFormVisible"
+            :title="$t('layout.header-aside.header-message.details')"
+            inside
+            readonly
+            @callback="loadData"
+            @close="(visible) => (dialogFormVisible = visible)"
+        />
+    </div>
 </template>
 
 <script>
-import { getMsgList, queryReceivePageList } from '@/api/platform/message/innerMessage'
-import InnerDetailDialog from '@/views/platform/message/inner/detail/dialog'
-import Watermark from './watermark/watermark-cont.js'
-export default {
-  components: {
-    InnerDetailDialog
-  },
-  data() {
-    return {
-      editId: '',
-      dialogFormVisible: false,
-      isControl: true,
-      messageList: [],
-      messageCount: 0,
-      infoMessage: '',
-
-      countNumber: 0,
-    }
-  },
-  computed: {
-    tooltipContent() {
-      return this.messageCount === 0 ? this.$t('layout.header-aside.header-message.empty') : ''
-    }
-  },
-  mounted() {
-    //轮询弹窗任务提醒
-    /* setTimeout(() => {
-      this.isControl=true
-      this.loadData()
-    }, 1000) */
-    this.loadData()
-    // Watermark.set('线上试用版本','深圳市金源信通')
-  },
-  beforeDestroy() {
-    Watermark.set('', '')
-  },
-  methods: {
-    // 加载数据
-    loadData() {
-      queryReceivePageList(
-        {
-          parameters: [/* {key: "Q^subject^SL", value: "提醒"},
-                             {key: "Q^messageType^SL", value: "system"} */],
-          requestPage: { limit: 5, pageNo: 1, totalCount: 0 },
-          sorts: [],
-        }).then(response => {
-          const data = response.data
-          this.messageList = data.dataResult
-          this.messageCount = data.pageResult ? data.pageResult.totalCount : 0
-          if (this.countNumber == 0) {
-            /*
-            if(response.data.pageResult.totalCount>0){
-                this.$message.warning('您有'+response.data.pageResult.totalCount+'条未处理的 [ 待审批 / 被驳回任务消息 ]，请及时处理！！！')
-            } */
-
-          } else if (this.countNumber < data.pageResult.totalCount) { //如果上次记录数量低于本次  进行提醒，准备待办
-            let _this = this
-            let h = this.$createElement
-            let num = data.pageResult.totalCount - this.countNumber
-            this.infoMessage = this.$notify({
-              title: '您有新的待办任务产生！',
-              message: h('p', null, [
-                h('span', null, '任务内容: ' + data.dataResult[0].subject),
-                h('br'),
-                h('span', null, '生成时间: '),
-                h('span', { style: 'color: #FF8C00;font-size:12px;' }, data.dataResult[0].createTime),
-                h('br'),
-                h('el-button', {
-                  attrs: {
-                    size: 'mini',
-                    type: 'primary',
-                    plain: true,
-                  },
-                  on: {
-                    click: () => {
-                      _this.cancelInfo()
+    import { getMsgList, queryReceivePageList } from '@/api/platform/message/innerMessage'
+    import InnerDetailDialog from '@/views/platform/message/inner/detail/dialog'
+    import Watermark from './watermark/watermark-cont.js'
+    export default {
+        components: {
+            InnerDetailDialog
+        },
+        data() {
+            return {
+                editId: '',
+                dialogFormVisible: false,
+                isControl: true,
+                messageList: [],
+                messageCount: 0,
+                infoMessage: '',
+                countNumber: 0
+            }
+        },
+        computed: {
+            tooltipContent() {
+                return this.messageCount === 0 ? this.$t('layout.header-aside.header-message.empty') : ''
+            }
+        },
+        mounted() {
+            //轮询弹窗任务提醒
+            // setTimeout(() => {
+            //     this.isControl=true
+            //     this.loadData()
+            // }, 1000)
+            // Watermark.set('线上试用版本','深圳市金源信通')
+            this.loadData()
+        },
+        beforeDestroy() {
+            Watermark.set('', '')
+        },
+        methods: {
+            // 加载数据
+            loadData() {
+                getMsgList({
+                    parameters: [
+                        // { key: 'Q^subject^SL', value: '提醒' },
+                        // { key: 'Q^messageType^SL', value: 'system' }
+                    ],
+                    requestPage: { limit: 5, pageNo: 1, totalCount: 0 },
+                    sorts: []
+                }).then((response) => {
+                    const data = response.data
+                    this.messageList = data.dataResult
+                    this.messageCount = data.pageResult ? data.pageResult.totalCount : 0
+                    if (this.countNumber == 0) {
+                        // if(response.data.pageResult.totalCount>0){
+                        //     this.$message.warning('您有'+response.data.pageResult.totalCount+'条未处理的 [ 待审批 / 被驳回任务消息 ]，请及时处理！！！')
+                        // }
+                    } else if (this.countNumber < data.pageResult.totalCount) {
+                        //如果上次记录数量低于本次  进行提醒，准备待办
+                        let _this = this
+                        let h = this.$createElement
+                        let num = data.pageResult.totalCount - this.countNumber
+                        this.infoMessage = this.$notify({
+                            title: '您有新的待办任务产生！',
+                            message: h('p', null, [
+                                h('span', null, '任务内容: ' + data.dataResult[0].subject),
+                                h('br'),
+                                h('span', null, '生成时间: '),
+                                h('span', { style: 'color: #FF8C00;font-size:12px;' }, data.dataResult[0].createTime),
+                                h('br'),
+                                h('el-button', {
+                                    attrs: {
+                                        size: 'mini',
+                                        type: 'primary',
+                                        plain: true
+                                    },
+                                    on: {
+                                        click: () => {
+                                            _this.cancelInfo()
+                                        }
+                                    }
+                                }, '进入办理'),
+                                h('el-button', {
+                                    attrs: {
+                                        size: 'mini',
+                                        plain: true
+                                    },
+                                    on: {
+                                        click: () => {
+                                            _this.$notify.closeAll()
+                                        } // 路由加载之后，调用关闭消息弹窗的方法
+                                    }
+                                }, '忽略全部')
+                            ]),
+                            type: 'warning',
+                            duration: 0
+                        })
                     }
-                  }
-                }, '进入办理'),
-                h('el-button', {
-                  attrs: {
-                    size: 'mini',
-                    plain: true,
-                  },
-                  on: {
-                    click: () => {
-                      _this.$notify.closeAll()
-                    }// 路由加载之后，调用关闭消息弹窗的方法
-                  }
-                }, '忽略全部')
-              ]),
-              type: 'warning',
-              duration: 0,
-            });
-
-          }
-          if (this.countNumber == 0) {
-            this.countNumber = data.pageResult.totalCount
-            /*  setInterval(() => {
-                   if(this.isControl &&  response.message == "获取收到的内部消息列表成功！"){
-                     this.loadData()
-                     }
-                }, 60000)
- */
-          } else {
-            this.countNumber = data.pageResult.totalCount
-          }
-
-        }).catch(() => {
-          this.isControl = false
-        })
-    },
-    cancelInfo() {
-      this.$router.push('/officeDesk/pendingItems')
-      this.$notify.closeAll()
-    },
-    handelInteriorClick(message) {
-      this.editId = message.id
-      this.dialogFormVisible = true
-    },
-    clickMore() {
-      // 更多消息
-      this.$router.push('/officeDesk/innerMessage/receiveMessage')
+                    if (this.countNumber == 0) {
+                        this.countNumber = data.pageResult.totalCount
+                        // setInterval(() => {
+                        //     if(this.isControl &&  response.message == "获取收到的内部消息列表成功！"){
+                        //         this.loadData()
+                        //     }
+                        // }, 60000)
+                    } else {
+                        this.countNumber = data.pageResult.totalCount
+                    }
+                }).catch(() => {
+                    this.isControl = false
+                })
+            },
+            cancelInfo() {
+                this.$router.push('/officeDesk/pendingItems')
+                this.$notify.closeAll()
+            },
+            handelInteriorClick(message) {
+                this.editId = message.id
+                this.dialogFormVisible = true
+            },
+            clickMore() {
+                // 更多消息
+                this.$router.push('/message')
+            }
+        },
+        // 销毁事件
+        beforeDestroy() {
+            this.isControl = false
+        }
     }
-  },
-  /* 销毁事件*/
-  beforeDestroy() {
-    this.isControl = false
-  },
-
-}
 </script>
-<style lang="scss" >
-.header-message-popper {
-  padding: 0 !important;
-
-  .message-more {
-    padding: 15px 0;
-    text-align: center;
-    border-top: 1px solid #EBEEF5;
-  }
-}
+<style lang="scss">
+    .header-message-popper {
+        padding: 0 !important;
+        .message-more {
+            padding: 15px 0;
+            text-align: center;
+            border-top: 1px solid #ebeef5;
+        }
+    }
 </style>

src/router/routes.js

@@ -75,6 +75,15 @@ const frameIn = [
         name: 'redirect',
         hidden: true,
         component: _import('/system/function/redirect')
+      },
+      {
+        path: '/message',
+        name: 'message',
+        meta: {
+          title: '消息中心',
+          auth: true
+        },
+        component: _import('/platform/message/inner/receive')
       }
     ]
   }

src/views/platform/message/inner/receive.vue

@@ -1,263 +1,285 @@
 <template>
-  <div class="receive-container">
-    <ibps-crud
-      ref="crud"
-      :height="height"
-      :data="listData"
-      :toolbars="listConfig.toolbars"
-      :search-form="listConfig.searchForm"
-      :pk-key="pkKey"
-      :columns="listConfig.columns"
-      :row-handle="listConfig.rowHandle"
-      :pagination="pagination"
-      :loading="loading"
-      :index-row="false"
-      @action-event="handleAction"
-      @sort-change="handleSortChange"
-      @column-link-click="handleLinkClick"
-      @pagination-change="handlePaginationChange"
-    >
-      <template slot="handIcon" slot-scope="scope">
-        <el-tooltip v-if="!scope.row.receiverTime" class="item" effect="dark" content="未读" placement="bottom">
-          <i class="ibps-icon-envelope-o" />
-        </el-tooltip>
-        <el-tooltip v-else class="item" effect="dark" content="已读" placement="bottom">
-          <i class="ibps-icon-envelope-open-o" />
-        </el-tooltip>
-        <el-tooltip v-if="scope.row.fileMsg" class="item" effect="dark" content="含附件" placement="bottom">
-          <i class="ibps-icon-paperclip" />
-        </el-tooltip>
-      </template>
-    </ibps-crud>
-    <!-- 明细 -->
-    <detail
-      :id="editId"
-      :title="title"
-      :readonly="readonly"
-      :visible="dialogFormVisible"
-      @callback="search"
-      @close="visible => closeDetail(visible)"
-    />
-    <!-- 回复 -->
-    <reply
-      :id="editId"
-      :title="title"
-      :visible="repliFormVisible"
-      @callback="search"
-      @close="visible => repliFormVisible = visible"
-    />
-  </div>
+    <div class="receive-container">
+        <ibps-crud
+            ref="crud"
+            :height="height"
+            :data="listData"
+            :toolbars="listConfig.toolbars"
+            :search-form="listConfig.searchForm"
+            :pk-key="pkKey"
+            :columns="listConfig.columns"
+            :row-handle="listConfig.rowHandle"
+            :pagination="pagination"
+            :loading="loading"
+            :index-row="false"
+            displayField="消息中心"
+            @action-event="handleAction"
+            @sort-change="handleSortChange"
+            @column-link-click="handleLinkClick"
+            @pagination-change="handlePaginationChange"
+        >
+            <template slot="handIcon" slot-scope="scope">
+                <el-tooltip v-if="!scope.row.receiverTime" class="item" effect="dark" content="未读" placement="bottom">
+                    <i class="ibps-icon-envelope-o" />
+                </el-tooltip>
+                <el-tooltip v-else class="item" effect="dark" content="已读" placement="bottom">
+                    <i class="ibps-icon-envelope-open-o" />
+                </el-tooltip>
+                <el-tooltip v-if="scope.row.fileMsg" class="item" effect="dark" content="含附件" placement="bottom">
+                    <i class="ibps-icon-paperclip" />
+                </el-tooltip>
+            </template>
+        </ibps-crud>
+        <!-- 明细 -->
+        <detail
+            :id="editId"
+            :title="title"
+            :readonly="readonly"
+            :visible="dialogFormVisible"
+            @callback="search"
+            @close="visible => closeDetail(visible)"
+        />
+        <!-- 回复 -->
+        <reply
+            :id="editId"
+            :title="title"
+            :visible="repliFormVisible"
+            @callback="search"
+            @close="visible => (repliFormVisible = visible)"
+        />
+    </div>
 </template>
 
 <script>
-import { queryReceivePageList, remove, markRead } from '@/api/platform/message/innerMessage'
-import ActionUtils from '@/utils/action'
-import FixHeight from '@/mixins/height'
-import { typeOptions, renderHeader } from './constants'
-import Detail from './detail/dialog'
-import Reply from './reply'
+    import { queryReceivePageList, getMyMsgList, remove, markRead } from '@/api/platform/message/innerMessage'
+    import ActionUtils from '@/utils/action'
+    import FixHeight from '@/mixins/height'
+    import { typeOptions, renderHeader } from './constants'
+    import Detail from './detail/dialog'
+    import Reply from './reply'
 
-export default {
-  components: {
-    Detail,
-    Reply
-  },
-  mixins: [FixHeight],
-  data() {
-    return {
-      dialogFormVisible: false, // 弹窗
-      repliFormVisible: false, // 弹窗
-      editId: '', // 编辑dialog需要使用
-      pkKey: 'id', // 主键  如果主键不是pk需要传主键
-      title: '',
-      loading: true,
-      isEnvelope: true,
-      link: false,
-      readonly: false,
-      height: document.clientHeight,
-      listData: [],
-      pagination: {},
-      sorts: {},
-      listConfig: {
-        toolbars: [
-          {
-            key: 'search'
-          },
-          {
-            key: 'remove'
-          },
-          {
-            key: 'markRead',
-            icon: 'ibps-icon-check-circle',
-            label: '标记为已读'
-          }
-        ],
-        searchForm: {
-          forms: [
-            { prop: 'Q^subject^SL', label: '主题' },
-            { prop: 'Q^ownerName^SL', label: '发送人' },
-            {
-              prop: 'Q^messageType^SL',
-              label: '消息类型',
-              fieldType: 'select',
-              options: typeOptions
-            },
-            { prop: ['Q^beginreceiveTime^DL', 'Q^endreceiveTime^DG'], label: '发送时间', fieldType: 'daterange' }
-          ]
+    export default {
+        components: {
+            Detail,
+            Reply
         },
-        // 表格字段配置
-        columns: [
-          { prop: 'stateIcon', label: '', slotName: 'handIcon', width: '65', renderHeader: renderHeader },
-          { prop: 'subject', sortBy: 'SUBJECT_', label: '主题', link: 'dialog', sortable: 'custom' },
-          { prop: 'ownerName', label: '发送人' },
-          { prop: 'messageType', label: '消息类型', tags: typeOptions },
-          { prop: 'createTime', label: '发送时间', dateFormat: 'yyyy-MM-dd HH:mm:ss' }
-        ],
-        rowHandle: {
-          actions: [{
-            key: 'reply',
-            icon: 'ibps-icon-reply-all',
-            label: '回复',
-            hidden: function(row, index) {
-              return row.canreply === 0 || row.messageType === 'system' || row.messageType === 'bulletin'
+        mixins: [FixHeight],
+        data() {
+            return {
+                dialogFormVisible: false, // 弹窗
+                repliFormVisible: false, // 弹窗
+                editId: '', // 编辑dialog需要使用
+                pkKey: 'id', // 主键  如果主键不是pk需要传主键
+                title: '',
+                loading: true,
+                isEnvelope: true,
+                link: false,
+                readonly: false,
+                height: document.clientHeight,
+                listData: [],
+                pagination: {},
+                sorts: {},
+                listConfig: {
+                    toolbars: [
+                        {
+                            key: 'search'
+                        },
+                        {
+                            key: 'remove'
+                        },
+                        {
+                            key: 'markRead',
+                            icon: 'ibps-icon-check-circle',
+                            label: '标记为已读'
+                        }
+                    ],
+                    searchForm: {
+                        forms: [
+                            { prop: 'Q^subject^SL', label: '主题' },
+                            { prop: 'Q^ownerName^SL', label: '发送人' },
+                            {
+                                prop: 'Q^messageType^SL',
+                                label: '消息类型',
+                                fieldType: 'select',
+                                options: typeOptions
+                            },
+                            {
+                                prop: ['Q^beginreceiveTime^DL', 'Q^endreceiveTime^DG'],
+                                label: '发送时间',
+                                fieldType: 'daterange'
+                            }
+                        ]
+                    },
+                    // 表格字段配置
+                    columns: [
+                        {
+                            prop: 'stateIcon',
+                            label: '',
+                            slotName: 'handIcon',
+                            width: '65',
+                            renderHeader: renderHeader
+                        },
+                        {
+                            prop: 'subject',
+                            sortBy: 'SUBJECT_',
+                            label: '主题',
+                            link: 'dialog',
+                            sortable: 'custom'
+                        },
+                        { prop: 'ownerName', label: '发送人' },
+                        { prop: 'messageType', label: '消息类型', tags: typeOptions },
+                        { prop: 'createTime', label: '发送时间', dateFormat: 'yyyy-MM-dd HH:mm:ss' }
+                    ],
+                    rowHandle: {
+                        actions: [
+                            {
+                                key: 'reply',
+                                icon: 'ibps-icon-reply-all',
+                                label: '回复',
+                                hidden: function (row, index) {
+                                    return (row.canreply === 0 || row.messageType === 'system' || row.messageType === 'bulletin')
+                                }
+                            },
+                            {
+                                key: 'remove'
+                            },
+                            {
+                                key: 'detail'
+                            }
+                        ]
+                    }
+                }
+            }
+        },
+        created() {
+            this.loadData()
+        },
+        methods: {
+            // 加载数据
+            loadData() {
+                this.loading = true
+                // queryReceivePageList({
+                //     parameters:[
+                //         {key: "Q^subject^SL", value: "提醒"},
+                //         {key: "Q^messageType^SL", value: "system"}
+                //     ],
+                //     requestPage:{limit: 10,pageNo: 1,totalCount: 0},
+                //     sorts: []
+                // }).then(response => {
+                getMyMsgList(this.getSearcFormData()).then(response => {
+                    ActionUtils.handleListData(this, response.data)
+                    this.loading = false
+                }).catch(err => {
+                    this.loading = false
+                })
+            },
+            /**
+             * 获取格式化参数
+             */
+            getSearcFormData() {
+                return ActionUtils.formatParams(
+                    this.$refs['crud'] ? this.$refs['crud'].getSearcFormData() : {},
+                    this.pagination,
+                    this.sorts
+                )
+            },
+            /**
+             * 处理分页事件
+             */
+            handlePaginationChange(page) {
+                ActionUtils.setPagination(this.pagination, page)
+                this.loadData()
+            },
+            /**
+             * 处理排序
+             */
+            handleSortChange(sort) {
+                ActionUtils.setSorts(this.sorts, sort)
+                this.loadData()
+            },
+            /**
+             * 查询
+             */
+            search() {
+                this.loadData()
+            },
+            handleLinkClick(data, columns) {
+                this.handleEdit(data.id, true)
+                this.title = '信息明细'
+            },
+            /**
+             * 处理按钮事件
+             */
+            handleAction(command, position, selection, data) {
+                switch (command) {
+                    case 'search': // 查询
+                        ActionUtils.setFirstPagination(this.pagination)
+                        this.search()
+                        break
+                    case 'markRead': // 标记为已读
+                        ActionUtils.selectedMultiRecord(selection).then(id => {
+                            this.handleAlreadyRead(id)
+                            // this.isEnvelope = false
+                        }).catch(() => {})
+                        break
+                    case 'reply': // 回复
+                        ActionUtils.selectedRecord(selection).then(id => {
+                            this.handleReply(id)
+                            this.title = '信息回复'
+                        }).catch(() => {})
+                        break
+                    case 'detail': // 明细
+                        ActionUtils.selectedRecord(selection).then(id => {
+                            this.handleEdit(id, true)
+                            this.title = '信息明细'
+                        }).catch(() => {})
+                        break
+                    case 'remove': // 删除
+                        ActionUtils.removeRecord(selection).then(ids => {
+                            this.handleRemove(ids)
+                        }).catch(() => {})
+                        break
+                    default:
+                        break
+                }
+            },
+            /**
+             * 标记为已读
+             */
+            handleAlreadyRead(ids) {
+                markRead({ innerMessageIds: ids }).then(response => {
+                    ActionUtils.success('标记已读成功')
+                    this.search()
+                }).catch(() => {})
+            },
+            /**
+             * 处理回复
+             */
+            handleReply(id = '') {
+                this.editId = id
+                this.repliFormVisible = true
+            },
+            /**
+             * 处理明细
+             */
+            handleEdit(id = '', readonly) {
+                this.editId = id
+                this.readonly = readonly
+                this.dialogFormVisible = true
+            },
+            /**
+             * 处理删除
+             */
+            handleRemove(ids) {
+                remove({ innerMessageIds: ids }).then(response => {
+                    ActionUtils.removeSuccessMessage()
+                    this.search()
+                }).catch(() => {})
+            },
+            closeDetail(visible) {
+                this.dialogFormVisible = visible
+                this.search()
             }
-          }, {
-            key: 'remove'
-          }, {
-            key: 'detail'
-          }]
         }
-      }
-    }
-  },
-  created() {
-    this.loadData()
-  },
-  methods: {
-    // 加载数据
-    loadData() {
-      this.loading = true
-  /*  queryReceivePageList(
-         { parameters:[{key: "Q^subject^SL", value: "提醒"},
-                       {key: "Q^messageType^SL", value: "system"}],
-          requestPage:{limit:20,pageNo: 1,totalCount: 0},
-          sorts: [],
-          }
-      ).then(response => { */
-      queryReceivePageList(this.getSearcFormData()).then(response => {
-        ActionUtils.handleListData(this, response.data)
-        this.loading = false
-      }).catch((err) => {
-        this.loading = false
-      })
-    },
-    /**
-     * 获取格式化参数
-     */
-    getSearcFormData() {
-      return ActionUtils.formatParams(
-        this.$refs['crud'] ? this.$refs['crud'].getSearcFormData() : {},
-        this.pagination,
-        this.sorts)
-    },
-    /**
-     * 处理分页事件
-     */
-    handlePaginationChange(page) {
-      ActionUtils.setPagination(this.pagination, page)
-      this.loadData()
-    },
-    /**
-     * 处理排序
-     */
-    handleSortChange(sort) {
-      ActionUtils.setSorts(this.sorts, sort)
-      this.loadData()
-    },
-    /**
-     * 查询
-     */
-    search() {
-      this.loadData()
-    },
-    handleLinkClick(data, columns) {
-      this.handleEdit(data.id, true)
-      this.title = '信息明细'
-    },
-
-    /**
-     * 处理按钮事件
-     */
-    handleAction(command, position, selection, data) {
-      switch (command) {
-        case 'search':// 查询
-          ActionUtils.setFirstPagination(this.pagination)
-          this.search()
-          break
-        case 'markRead':// 标记为已读
-          ActionUtils.selectedMultiRecord(selection).then((id) => {
-            this.handleAlreadyRead(id)
-            // this.isEnvelope = false
-          }).catch(() => { })
-          break
-        case 'reply':// 回复
-          ActionUtils.selectedRecord(selection).then((id) => {
-            this.handleReply(id)
-            this.title = '信息回复'
-          }).catch(() => { })
-          break
-        case 'detail':// 明细
-          ActionUtils.selectedRecord(selection).then((id) => {
-            this.handleEdit(id, true)
-            this.title = '信息明细'
-          }).catch(() => { })
-          break
-        case 'remove':// 删除
-          ActionUtils.removeRecord(selection).then((ids) => {
-            this.handleRemove(ids)
-          }).catch(() => { })
-          break
-        default:
-          break
-      }
-    },
-    /**
-     * 标记为已读
-     */
-    handleAlreadyRead(ids) {
-      markRead({ innerMessageIds: ids }).then(response => {
-        ActionUtils.success('标记已读成功')
-        this.search()
-      }).catch(() => {})
-    },
-    /**
-     * 处理回复
-     */
-    handleReply(id = '') {
-      this.editId = id
-      this.repliFormVisible = true
-    },
-    /**
-     * 处理明细
-     */
-    handleEdit(id = '', readonly) {
-      this.editId = id
-      this.readonly = readonly
-      this.dialogFormVisible = true
-    },
-    /**
-     * 处理删除
-     */
-    handleRemove(ids) {
-      remove({ innerMessageIds: ids }).then(response => {
-        ActionUtils.removeSuccessMessage()
-        this.search()
-      }).catch(() => {})
-    },
-    closeDetail(visible) {
-      this.dialogFormVisible = visible
-      this.search()
     }
-  }
-}
-</script>
+</script>