采购申请

mrzcc

2020-02-26 74180f1be3615d771a4cb6e9da24c8fcc92a0ff2

采购申请

 WebService/src/main/resources/components/purchaseApplyPackage/add-purchaseApply/addPurchaseApply.html

New file
@@ -0,0 +1,64 @@
<div id="addPurchaseApplyModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <h3 class="m-t-none m-b ">添加采购申请</h3>
                <div class="ibox-content">
                    <div>
                        <div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">使用人</label>
                                <div class="col-sm-3">
                                    <vc:create name="orgSelect2"
                                               parentModal="addInspectionPlanModel"
                                               callBackListener="addInspectionPlanInfo"
                                               callBackFunction="notify"
                                               namespace="addInspectionPlan"
                                    ></vc:create>
                                </div>
                                <div class="col-sm-3">
                                    <vc:create name="departmentSelect2"
                                               parentModal="addInspectionPlanModel"
                                               callBackListener="addInspectionPlanInfo"
                                               callBackFunction="notify"
                                               namespace="addInspectionPlan"
                                    ></vc:create>
                                </div>
                                <div class="col-sm-3">
                                    <vc:create name="staffSelect2"
                                               parentModal="addInspectionPlanModel"
                                               callBackListener="addInspectionPlanInfo"
                                               callBackFunction="notify"
                                               namespace="addInspectionPlan"
                                    ></vc:create>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">申请说明</label>
                                <div class="col-sm-10">
                                    <textarea v-model="addPurchaseApplyInfo.description" type="text" placeholder="选填，请填写申请说明"
                                              class="form-control">
                                    </textarea>
                                </div>
                            </div>


                            <ul class="nav nav-list"><li class="divider"></li></ul>
                            <table id="resource_table"></table>

                            <div class="ibox-content">
                                <button class="btn btn-primary float-right" type="button"
                                        v-on:click="savePurchaseApplyInfo()"><i class="fa fa-check"></i>&nbsp;保存
                                </button>
                                <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                                        data-dismiss="modal">取消
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

 WebService/src/main/resources/components/purchaseApplyPackage/add-purchaseApply/addPurchaseApply.js

New file
@@ -0,0 +1,130 @@
(function(vc){

    vc.extends({
        propTypes: {
               callBackListener:vc.propTypes.string, //父组件名称
               callBackFunction:vc.propTypes.string //父组件监听方法
        },
        data:{
            addPurchaseApplyInfo:{
                applyOrderId:'',
                state:'',
                description:''

            }
        },
         _initMethod:function(){
            //初始化物品表格
             vc.component.initResourceTable();
         },
         _initEvent:function(){
            vc.on('addPurchaseApply','openAddPurchaseApplyModal',function(){
                $('#addPurchaseApplyModel').modal('show');
            });
        },
        methods:{
            addPurchaseApplyValidate(){
                return vc.validate.validate({
                    addPurchaseApplyInfo:vc.component.addPurchaseApplyInfo
                },{
                    'addPurchaseApplyInfo.state':[
{
                            limit:"required",
                            param:"",
                            errInfo:"订单状态不能为空"
                        },
 {
                            limit:"num",
                            param:"",
                            errInfo:"计算公式格式错误"
                        },
                    ],




                });
            },
            savePurchaseApplyInfo:function(){
                if(!vc.component.addPurchaseApplyValidate()){
                    vc.toast(vc.validate.errInfo);

                    return ;
                }

                vc.component.addPurchaseApplyInfo.communityId = vc.getCurrentCommunity().communityId;
                //不提交数据将数据 回调给侦听处理
                if(vc.notNull($props.callBackListener)){
                    vc.emit($props.callBackListener,$props.callBackFunction,vc.component.addPurchaseApplyInfo);
                    $('#addPurchaseApplyModel').modal('hide');
                    return ;
                }

                vc.http.post(
                    'addPurchaseApply',
                    'save',
                    JSON.stringify(vc.component.addPurchaseApplyInfo),
                    {
                        emulateJSON:true
                     },
                     function(json,res){
                        //vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
                        if(res.status == 200){
                            //关闭model
                            $('#addPurchaseApplyModel').modal('hide');
                            vc.component.clearAddPurchaseApplyInfo();
                            vc.emit('purchaseApplyManage','listPurchaseApply',{});

                            return ;
                        }
                        vc.message(json);

                     },
                     function(errInfo,error){
                        console.log('请求失败处理');

                        vc.message(errInfo);

                     });
            },
            clearAddPurchaseApplyInfo:function(){
                vc.component.addPurchaseApplyInfo = {
                    state:'',
                };
            },
            //初始化表格
            initResourceTable:function(){
                $('#resource_table').bootstrapTable({
                    height: 500,
                    columns: [
                        {
                            field:'resId',
                            title:'资源ID',
                        },
                        {
                            field:'resName',
                            title:'资源名称',
                        },{
                            field:'resCode',
                            title:'物品编码',
                        },{
                            field:'price',
                            title:'单价',
                        },{
                            field:'stock',
                            title:'库存'
                        },{
                            field:'quantity',
                            title:'采购数量'
                        },
                        {
                            field:'remark',
                            title:'备注'
                        }
                    ],
                });
            }
        }
    });

})(window.vc);

 WebService/src/main/resources/components/purchaseApplyPackage/choose-purchaseApply/choosePurchaseApply.html

New file
@@ -0,0 +1,56 @@
<div id = "choosePurchaseApplyModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="choosePurchaseApplyModelLabel" aria-hidden="true" >
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="choosePurchaseApplyModelLabel">选择采购申请</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class=" row">
                    <div class="col-lg-12">
                        <div class="ibox ">
                            <div class="row">

                                <div class="col-sm-7 m-b-xs">
                                </div>
                                <div class="col-sm-5">
                                    <div class="input-group">
                                        <input placeholder="输入采购申请名称" type="text" v-model="choosePurchaseApplyInfo._currentPurchaseApplyName" class="form-control form-control-sm">
                                        <span class="input-group-append">
                                                <button type="button" class="btn btn-sm btn-primary" v-on:click="queryPurchaseApplys()">查询</button>
                                            </span>
                                    </div>
                                </div>
                            </div>
                            <div class="table-responsive" style="margin-top:15px">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                                                        <th class="text-center">订单号</th>
                            <th class="text-center">订单状态</th>
                            <th class="text-center">操作</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr v-for="purchaseApply in choosePurchaseApplyInfo.purchaseApplys">
                                                                        <td class="text-center">{{purchaseApply.applyOrderId}}</td>
                            <td class="text-center">{{purchaseApply.state}}</td>

                                            <td>
                                                <button class="btn btn-primary btn-xs" v-on:click="choosePurchaseApply(purchaseApply)">选择</button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

 WebService/src/main/resources/components/purchaseApplyPackage/choose-purchaseApply/choosePurchaseApply.js

New file
@@ -0,0 +1,64 @@
(function(vc){
    vc.extends({
        propTypes: {
           emitChoosePurchaseApply:vc.propTypes.string,
           emitLoadData:vc.propTypes.string
        },
        data:{
            choosePurchaseApplyInfo:{
                purchaseApplys:[],
                _currentPurchaseApplyName:'',
            }
        },
        _initMethod:function(){
        },
        _initEvent:function(){
            vc.on('choosePurchaseApply','openChoosePurchaseApplyModel',function(_param){
                $('#choosePurchaseApplyModel').modal('show');
                vc.component._refreshChoosePurchaseApplyInfo();
                vc.component._loadAllPurchaseApplyInfo(1,10,'');
            });
        },
        methods:{
            _loadAllPurchaseApplyInfo:function(_page,_row,_name){
                var param = {
                    params:{
                        page:_page,
                        row:_row,
                        communityId:vc.getCurrentCommunity().communityId,
                        name:_name
                    }
                };

                //发送get请求
               vc.http.get('choosePurchaseApply',
                            'list',
                             param,
                             function(json){
                                var _purchaseApplyInfo = JSON.parse(json);
                                vc.component.choosePurchaseApplyInfo.purchaseApplys = _purchaseApplyInfo.purchaseApplys;
                             },function(){
                                console.log('请求失败处理');
                             }
                           );
            },
            choosePurchaseApply:function(_purchaseApply){
                if(_purchaseApply.hasOwnProperty('name')){
                     _purchaseApply.purchaseApplyName = _purchaseApply.name;
                }
                vc.emit($props.emitChoosePurchaseApply,'choosePurchaseApply',_purchaseApply);
                vc.emit($props.emitLoadData,'listPurchaseApplyData',{
                    purchaseApplyId:_purchaseApply.purchaseApplyId
                });
                $('#choosePurchaseApplyModel').modal('hide');
            },
            queryPurchaseApplys:function(){
                vc.component._loadAllPurchaseApplyInfo(1,10,vc.component.choosePurchaseApplyInfo._currentPurchaseApplyName);
            },
            _refreshChoosePurchaseApplyInfo:function(){
                vc.component.choosePurchaseApplyInfo._currentPurchaseApplyName = "";
            }
        }

    });
})(window.vc);

 WebService/src/main/resources/components/purchaseApplyPackage/delete-purchaseApply/deletePurchaseApply.html

New file
@@ -0,0 +1,19 @@
<div class="modal fade" id="deletePurchaseApplyModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">请确认您的操作!</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <tr align="center"><th>确定删除采购申请</th></tr>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="closeDeletePurchaseApplyModel()">点错了</button>
                <button type="button" class="btn btn-primary" v-on:click="deletePurchaseApply()">确认删除</button>
            </div>
        </div>
    </div>
</div>

 WebService/src/main/resources/components/purchaseApplyPackage/delete-purchaseApply/deletePurchaseApply.js

New file
@@ -0,0 +1,52 @@
(function(vc,vm){

    vc.extends({
        data:{
            deletePurchaseApplyInfo:{

            }
        },
         _initMethod:function(){

         },
         _initEvent:function(){
             vc.on('deletePurchaseApply','openDeletePurchaseApplyModal',function(_params){

                vc.component.deletePurchaseApplyInfo = _params;
                $('#deletePurchaseApplyModel').modal('show');

            });
        },
        methods:{
            deletePurchaseApply:function(){
                vc.component.deletePurchaseApplyInfo.communityId=vc.getCurrentCommunity().communityId;
                vc.http.post(
                    'deletePurchaseApply',
                    'delete',
                    JSON.stringify(vc.component.deletePurchaseApplyInfo),
                    {
                        emulateJSON:true
                     },
                     function(json,res){
                        //vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
                        if(res.status == 200){
                            //关闭model
                            $('#deletePurchaseApplyModel').modal('hide');
                            vc.emit('purchaseApplyManage','listPurchaseApply',{});
                            return ;
                        }
                        vc.message(json);
                     },
                     function(errInfo,error){
                        console.log('请求失败处理');
                        vc.message(json);

                     });
            },
            closeDeletePurchaseApplyModel:function(){
                $('#deletePurchaseApplyModel').modal('hide');
            }
        }
    });

})(window.vc,window.vc.component);

 WebService/src/main/resources/components/purchaseApplyPackage/edit-purchaseApply/editPurchaseApply.html

New file
@@ -0,0 +1,29 @@
<div id = "editPurchaseApplyModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" >
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <h3 class="m-t-none m-b ">修改采购申请</h3>
                <div class="ibox-content">
                    <div>
                        <div>
                            <div class="form-group row">
         <label class="col-sm-2 col-form-label">订单状态</label>
         <div class="col-sm-10">
<select class="custom-select" v-model="editPurchaseApplyInfo.state">
         <option selected  disabled value="">必填，请选择订单状态</option>
         <option  value="1001">面积*单价+附加费</option>
<option  value="2002">固定费用</option>
  </select>         </div>
</div>

                            <div class="ibox-content">
                                <button class="btn btn-primary float-right" type="button" v-on:click="editPurchaseApply()" ><i class="fa fa-check"></i>&nbsp;保存</button>
                                <button type="button" class="btn btn-warning float-right" style="margin-right:20px;" data-dismiss="modal">取消</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

 WebService/src/main/resources/components/purchaseApplyPackage/edit-purchaseApply/editPurchaseApply.js

New file
@@ -0,0 +1,87 @@
(function(vc,vm){

    vc.extends({
        data:{
            editPurchaseApplyInfo:{
                applyOrderId:'',
state:'',

            }
        },
         _initMethod:function(){

         },
         _initEvent:function(){
             vc.on('editPurchaseApply','openEditPurchaseApplyModal',function(_params){
                vc.component.refreshEditPurchaseApplyInfo();
                $('#editPurchaseApplyModel').modal('show');
                vc.copyObject(_params, vc.component.editPurchaseApplyInfo );
                vc.component.editPurchaseApplyInfo.communityId = vc.getCurrentCommunity().communityId;
            });
        },
        methods:{
            editPurchaseApplyValidate:function(){
                        return vc.validate.validate({
                            editPurchaseApplyInfo:vc.component.editPurchaseApplyInfo
                        },{
                            'editPurchaseApplyInfo.state':[
{
                            limit:"required",
                            param:"",
                            errInfo:"订单状态不能为空"
                        },
 {
                            limit:"num",
                            param:"",
                            errInfo:"计算公式格式错误"
                        },
                    ],
'editPurchaseApplyInfo.applyOrderId':[
{
                            limit:"required",
                            param:"",
                            errInfo:"订单号不能为空"
                        }]

                        });
             },
            editPurchaseApply:function(){
                if(!vc.component.editPurchaseApplyValidate()){
                    vc.toast(vc.validate.errInfo);
                    return ;
                }

                vc.http.post(
                    'editPurchaseApply',
                    'update',
                    JSON.stringify(vc.component.editPurchaseApplyInfo),
                    {
                        emulateJSON:true
                     },
                     function(json,res){
                        //vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
                        if(res.status == 200){
                            //关闭model
                            $('#editPurchaseApplyModel').modal('hide');
                             vc.emit('purchaseApplyManage','listPurchaseApply',{});
                            return ;
                        }
                        vc.message(json);
                     },
                     function(errInfo,error){
                        console.log('请求失败处理');

                        vc.message(errInfo);
                     });
            },
            refreshEditPurchaseApplyInfo:function(){
                vc.component.editPurchaseApplyInfo= {
                  applyOrderId:'',
state:'',

                }
            }
        }
    });

})(window.vc,window.vc.component);

 WebService/src/main/resources/components/purchaseApplyPackage/purchaseApply-manage/purchaseApplyManage.html

New file
@@ -0,0 +1,113 @@
<div id="component" class="wrapper wrapper-content animated fadeInRight ecommerce">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>查询条件</h5>
                    <div class="ibox-tools" style="top:10px;">

                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-4">
                            <select class="custom-select" v-model="purchaseApplyManageInfo.conditions.state">
                                <option selected value="">请选择订单状态</option>
                                <option value="1003006">未审核</option>
                                <option value="2006012">已审核</option>
                            </select></div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <input type="text" placeholder="请输入订单号"
                                       v-model="purchaseApplyManageInfo.conditions.applyOrderId" class=" form-control">
                            </div>
                        </div>
                        <div class="col-sm-1">
                            <button type="button" class="btn btn-primary btn-sm"
                                    v-on:click="_queryInspectionPlanMethod()">
                                <i class="glyphicon glyphicon-search"></i> 查询
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>采购申请信息</h5>
                    <div class="ibox-tools" style="top:10px;">
                        <button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddPurchaseApplyModal()">
                            <i class="glyphicon glyphicon-plus"></i>
                            添加采购申请
                        </button>
                    </div>
                </div>
                <div class="ibox-content">

                    <table class="footable table table-stripped toggle-arrow-tiny"
                           data-page-size="15"
                    >
                        <thead>
                        <tr>
                            <th class="text-center">审批状态</th>
                            <th class="text-center">使用人</th>
                            <th class="text-center">申请时间</th>
                            <th class="text-center">物品名称</th>
                            <th class="text-center">总计价格</th>
                            <th class="text-center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="purchaseApply in purchaseApplyManageInfo.purchaseApplys">
                            <td class="text-center">{{purchaseApply.state}}</td>
                            <td class="text-center">{{purchaseApply.userName}}</td>
                            <td class="text-center">{{purchaseApply.createTime}}</td>
                            <td class="text-center">{{purchaseApply.resourceNames}}</td>
                            <td class="text-center">{{purchaseApply.totalPrice}}</td>
                            <td class="text-center">
                                <div class="btn-group">
                                    <button class="btn-white btn btn-xs"
                                            v-on:click="_openEditPurchaseApplyModel(purchaseApply)">查看
                                    </button>
                                </div>
                                <div class="btn-group">
                                    <button class="btn-white btn btn-xs"
                                            v-on:click="_openEditPurchaseApplyModel(purchaseApply)">修改
                                    </button>
                                </div>
                                <div class="btn-group">
                                    <button class="btn-white btn btn-xs"
                                            v-on:click="_openDeletePurchaseApplyModel(purchaseApply)">删除
                                    </button>
                                </div>
                            </td>

                        </tr>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="7">
                                <ul class="pagination float-right"></ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                    <!-- 分页 -->
                    <vc:create name="pagination"></vc:create>
                </div>
            </div>
        </div>
    </div>


    <vc:create name="addPurchaseApply"
               callBackListener=""
               callBackFunction=""
    ></vc:create>
    <vc:create name="editPurchaseApply"></vc:create>
    <vc:create name="deletePurchaseApply"></vc:create>

</div>

 WebService/src/main/resources/components/purchaseApplyPackage/purchaseApply-manage/purchaseApplyManage.js

New file
@@ -0,0 +1,85 @@
/**
    入驻小区
**/
(function(vc){
    var DEFAULT_PAGE = 1;
    var DEFAULT_ROWS = 10;
    vc.extends({
        data:{
            purchaseApplyManageInfo:{
                purchaseApplys:[],
                total:0,
                records:1,
                moreCondition:false,
                applyOrderId:'',
                conditions:{
                    state:'',
applyOrderId:'',

                }
            }
        },
        _initMethod:function(){
            vc.component._listPurchaseApplys(DEFAULT_PAGE, DEFAULT_ROWS);
        },
        _initEvent:function(){
            
            vc.on('purchaseApplyManage','listPurchaseApply',function(_param){
                  vc.component._listPurchaseApplys(DEFAULT_PAGE, DEFAULT_ROWS);
            });
             vc.on('pagination','page_event',function(_currentPage){
                vc.component._listPurchaseApplys(_currentPage,DEFAULT_ROWS);
            });
        },
        methods:{
            _listPurchaseApplys:function(_page, _rows){

                vc.component.purchaseApplyManageInfo.conditions.page = _page;
                vc.component.purchaseApplyManageInfo.conditions.row = _rows;
                var param = {
                    params:vc.component.purchaseApplyManageInfo.conditions
               };

               //发送get请求
               vc.http.get('purchaseApplyManage',
                            'list',
                             param,
                             function(json,res){
                                var _purchaseApplyManageInfo=JSON.parse(json);
                                vc.component.purchaseApplyManageInfo.total = _purchaseApplyManageInfo.total;
                                vc.component.purchaseApplyManageInfo.records = _purchaseApplyManageInfo.records;
                                vc.component.purchaseApplyManageInfo.purchaseApplys = _purchaseApplyManageInfo.purchaseApplys;
                                vc.emit('pagination','init',{
                                     total:vc.component.purchaseApplyManageInfo.records,
                                     currentPage:_page
                                 });
                             },function(errInfo,error){
                                console.log('请求失败处理');
                             }
                           );
            },
            _openAddPurchaseApplyModal:function(){
                vc.emit('addPurchaseApply','openAddPurchaseApplyModal',{});
            },
            _openEditPurchaseApplyModel:function(_purchaseApply){
                vc.emit('editPurchaseApply','openEditPurchaseApplyModal',_purchaseApply);
            },
            _openDeletePurchaseApplyModel:function(_purchaseApply){
                vc.emit('deletePurchaseApply','openDeletePurchaseApplyModal',_purchaseApply);
            },
            _queryPurchaseApplyMethod:function(){
                vc.component._listPurchaseApplys(DEFAULT_PAGE, DEFAULT_ROWS);

            },
            _moreCondition:function(){
                if(vc.component.purchaseApplyManageInfo.moreCondition){
                    vc.component.purchaseApplyManageInfo.moreCondition = false;
                }else{
                    vc.component.purchaseApplyManageInfo.moreCondition = true;
                }
            }

             
        }
    });
})(window.vc);

 WebService/src/main/resources/components/purchaseApplyPackage/view-purchaseApply-info/viewPurchaseApplyInfo.html

New file
@@ -0,0 +1,38 @@
<div class="row">
    <div class="col-lg-12">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>采购申请信息</h5>
                <div class="ibox-tools" style="top:10px;">
                    <button type="button" v-if="viewPurchaseApplyInfo.index != 2" class="btn btn-primary btn-sm" style="margin-right:10px;"  v-on:click="_openSelectPurchaseApplyInfoModel()">
                        <i class="glyphicon glyphicon-search"></i> 选择采购申请</button>

                    <button type="button" v-if="viewPurchaseApplyInfo.index != 2" class="btn btn-primary btn-sm" v-on:click="_openAddPurchaseApplyInfoModel()">
                        <i class="glyphicon glyphicon-plus"></i> 添加采购申请</button>
                </div>
            </div>
            <div class="ibox-content">
                <div class="row">
<div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >订单状态：</label>
                            <label class="">{{viewPurchaseApplyInfo.state}}</label>
                        </div>
</div>
</div>

            </div>
        </div>
    </div>

    <vc:create name="addPurchaseApply"
               callBackListener="viewPurchaseApplyInfo"
               callBackFunction="choosePurchaseApply"
    ></vc:create>


    <vc:create name="choosePurchaseApply"
               emitChoosePurchaseApply="viewPurchaseApplyInfo"
               emitLoadData="viewPurchaseApplyInfo"
    ></vc:create>
</div>

 WebService/src/main/resources/components/purchaseApplyPackage/view-purchaseApply-info/viewPurchaseApplyInfo.js

New file
@@ -0,0 +1,48 @@
/**
    采购申请 组件
**/
(function(vc){

    vc.extends({
        propTypes: {
           callBackListener:vc.propTypes.string, //父组件名称
           callBackFunction:vc.propTypes.string //父组件监听方法
        },
        data:{
            viewPurchaseApplyInfo:{
                index:0,
                flowComponent:'viewPurchaseApplyInfo',
                state:'',

            }
        },
        _initMethod:function(){
            //根据请求参数查询 查询 业主信息
            vc.component._loadPurchaseApplyInfoData();
        },
        _initEvent:function(){
            vc.on('viewPurchaseApplyInfo','choosePurchaseApply',function(_app){
                vc.copyObject(_app, vc.component.viewPurchaseApplyInfo);
                vc.emit($props.callBackListener,$props.callBackFunction,vc.component.viewPurchaseApplyInfo);
            });

            vc.on('viewPurchaseApplyInfo', 'onIndex', function(_index){
                vc.component.viewPurchaseApplyInfo.index = _index;
            });

        },
        methods:{

            _openSelectPurchaseApplyInfoModel(){
                vc.emit('choosePurchaseApply','openChoosePurchaseApplyModel',{});
            },
            _openAddPurchaseApplyInfoModel(){
                vc.emit('addPurchaseApply','openAddPurchaseApplyModal',{});
            },
            _loadPurchaseApplyInfoData:function(){

            }
        }
    });

})(window.vc);