TodoItem.vue

<template>
        <div class="e-table-wrapper" style="height:100%">
                <c-table
                :data="todolist"
                    style="width: 100%"
                    max-height="500"
                    size="mini"
                    >
                    <el-table-column
                      prop="typ"
                      label="操作类型"
                      sortable
                      >
                      <template slot-scope="scope">
                        <span>{{ findCodeLabel(codes.oratyp,scope.row.typ) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="inifrm"
                      label="交易码"
                      sortable
                      >
                    </el-table-column>
                    <el-table-column
                      prop="ownref"
                      label="业务编号"
                      sortable
                      >
                    </el-table-column>
                    <el-table-column
                      prop="nam"
                      label="概要描述"
                      sortable
                      >
                    </el-table-column>
                    <el-table-column
                      prop="usr"
                      label="经办柜员"
                      sortable
                      >
                    </el-table-column>
                    <el-table-column
                      prop="cur"
                      label="币种"
                      sortable
                      >
                    </el-table-column>
                    <el-table-column
                      prop="amt"
                      label="金额"
                      sortable
                      width="100">
                    </el-table-column>
                  </c-table>
                  <el-pagination
                    layout="prev, pager, next"
                    :total="pager.total">
                  </el-pagination>
          </div>
</template>
<script>
import CodeTable from "~/config/CodeTable"
import Api from "~/service/Api"
export default {
    props:['todoType'],
    data(){
        return {
            
            codes:{
                    oratyp:CodeTable.oratyp,
                },
            todolist:[],
            pager:{total:0,curIdx:0}
        }
    },
    methods:{
        async onOffpTodo(){
                    
                    let rtnmsg = await Api.post("office/offp_todo",{data:{'offp_todotyp':this.todoType}})
                    if(rtnmsg.code == SUCCESS)
                    {
                        //TODO 处理数据逻辑
                      this.todolist = rtnmsg.data.offp_todolst
                    }
                    else
                    {
                       this.$notify.error({title: '错误',message: '服务请求失败！'});
                    }
         }
    },
    mounted(){
        //this.onOffpTodo()
    }
}
</script>