优化采购申请

mrzcc

2020-03-05 c755c5057d903c7fc69ccbb3ca80ffa8b95cf09d

优化采购申请

 WebService/src/main/resources/components/resourceStorePackage/choose-resourceStore2/chooseResourceStore2.html

New file
@@ -0,0 +1,74 @@
<div id="chooseResourceStoreModel2" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="chooseResourceStoreModelLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="chooseResourceStoreModelLabel2">选择物品管理</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="chooseResourceStoreInfo2._currentResourceStoreName"
                                               class="form-control form-control-sm">
                                        <span class="input-group-append">
                                                <button type="button" class="btn btn-sm btn-primary"
                                                        v-on:click="queryResourceStores()">查询</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">物品ID</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="resourceStore in chooseResourceStoreInfo2.resourceStores">
                                        <td class="text-center">
                                            <input type="checkbox" class="i-checks checkItem" v-bind:value="resourceStore.resId" v-model="chooseResourceStoreInfo2.selectResourceStores">
                                        </td>
                                        <td class="text-center">{{resourceStore.resId}}</td>
                                        <td class="text-center">{{resourceStore.resName}}</td>
                                        <td class="text-center">{{resourceStore.resCode}}</td>
                                        <td class="text-center">{{resourceStore.price}}</td>
                                        <td class="text-center">{{resourceStore.stock}}</td>
                                        <td class="text-center">{{resourceStore.description}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class="ibox-content" v-if="chooseResourceStoreInfo2.resourceStores.length > 0">

                                    <button class="btn btn-primary float-right" type="button" v-on:click="getSelectResourceStores()">
                                        <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>
</div>

 WebService/src/main/resources/components/resourceStorePackage/choose-resourceStore2/chooseResourceStore2.js

New file
@@ -0,0 +1,91 @@
(function(vc){
    vc.extends({
        propTypes: {
           emitChooseResourceStore:vc.propTypes.string,
           emitLoadData:vc.propTypes.string
        },
        data:{
            chooseResourceStoreInfo2:{
                resourceStores:[],
                selectResourceStores:[],
                _currentResourceStoreName:'',
            }
        },
        _initMethod:function(){
        },
        _initEvent:function(){
            vc.on('chooseResourceStore2','openChooseResourceStoreModel2',function(_param){
                $('#chooseResourceStoreModel2').modal('show');
                vc.component._refreshchooseResourceStoreInfo2();
                vc.component._loadAllResourceStoreInfo(1,10,'');
            });
        },
        methods:{
            _loadAllResourceStoreInfo:function(_page,_row,_name){
                var param = {
                    params:{
                        page:_page,
                        row:_row,
                        communityId:vc.getCurrentCommunity().communityId,
                        name:_name
                    }
                };

                //发送get请求
               vc.http.get('chooseResourceStore',
                            'list',
                             param,
                             function(json){
                                var _resourceStoreInfo = JSON.parse(json);
                                vc.component.chooseResourceStoreInfo2.resourceStores = _resourceStoreInfo.resourceStores;
                             },function(){
                                console.log('请求失败处理');
                             }
                           );
            },
            chooseResourceStore:function(_resourceStore){
                if(_resourceStore.hasOwnProperty('name')){
                     _resourceStore.resourceStoreName = _resourceStore.name;
                }
                vc.emit($props.emitChooseResourceStore,'chooseResourceStore',_resourceStore);
                vc.emit($props.emitLoadData,'listResourceStoreData',{
                    resourceStoreId:_resourceStore.resourceStoreId
                });
                $('#chooseResourceStoreModel').modal('hide');
            },
            queryResourceStores:function(){
                vc.component._loadAllResourceStoreInfo(1,10,vc.component.chooseResourceStoreInfo2._currentResourceStoreName);
            },
            _refreshchooseResourceStoreInfo2:function(){
                vc.component.chooseResourceStoreInfo2._currentResourceStoreName = "";
            },
            getSelectResourceStores:function () {
                var selectResourceStores = vc.component.chooseResourceStoreInfo2.selectResourceStores;
                var resourceStores = vc.component.chooseResourceStoreInfo2.resourceStores;
                if(selectResourceStores.length <1){
                    vc.toast("请选择需要采购的物品");
                    return ;
                }
                var _resourceStores = [];
                for( var i = 0; i < selectResourceStores.length; i++){
                    for( j = 0; j < resourceStores.length; j++){
                        if(selectResourceStores[i] == resourceStores[j].resId){
                            _resourceStores.push({
                                resId:resourceStores[j].resId,
                                resName:resourceStores[j].resName,
                                resCode:resourceStores[j].resCode,
                                price:resourceStores[j].price,
                                stock:resourceStores[j].stock,
                                description:resourceStores[j].description,
                            })
                        }
                    }
                }
                //传参
                vc.emit("viewResourceStoreInfo2","setSelectResourceStores",_resourceStores);
                $('#chooseResourceStoreModel2').modal('hide');
            }
        }

    });
})(window.vc);

 WebService/src/main/resources/components/resourceStorePackage/resourceStore-table/resourceStoreTable.html

New file
@@ -0,0 +1,14 @@
<div id="resourceBootstropTable" 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">
                    <table id="resourceStore_table"></table>
                </div>
            </div>
        </div>
    </div>
</div>


 WebService/src/main/resources/components/resourceStorePackage/resourceStore-table/resourceStoreTable.js

New file
@@ -0,0 +1,135 @@
(function (vc) {
    var DEFAULT_PAGE = 1;
    var DEFAULT_ROWS = 10;
    vc.extends({
        data: {
            resourceStoreManageInfo: {
                resourceStores: [],
                total: 0,
                records: 1,
                moreCondition: false,
                resName: '',
                conditions: {
                    resId: '',
                    resName: '',
                    resCode: '',
                    page:'',
                    row:''
                },
                data:{
                    total:'',
                    rows:''
                }
            }
        },
        _initMethod: function () {
            vc.component._listResourceStores(DEFAULT_PAGE,DEFAULT_ROWS);
            vc.component._initResourceStoreTable();
            // console.log("table加载本地数据："+vc.component.resourceStoreManageInfo.data.rows);
            // console.log("table加载本地数据："+vc.component.resourceStoreManageInfo.data.total);
            // $('#resourceStore_table').bootstrapTable('load', vc.component.resourceStoreManageInfo.data);
        },
        _initEvent: function () {
            vc.on('resourceStoreTable', 'openResourceStoreTableModal', function () {
                $('#resourceBootstropTable').modal('show');
            });
        },
        methods: {
            _listResourceStores: function (_page, _rows) {
                vc.component.resourceStoreManageInfo.conditions.page = _page;
                vc.component.resourceStoreManageInfo.conditions.row = _rows;
                var param = {
                    params: vc.component.resourceStoreManageInfo.conditions
                };

                //发送get请求
                vc.http.get('resourceStoreManage',
                    'list',
                    param,
                    function (json, res) {
                        var _resourceStoreManageInfo = JSON.parse(json);
                        vc.component.resourceStoreManageInfo.total = _resourceStoreManageInfo.total;
                        vc.component.resourceStoreManageInfo.records = _resourceStoreManageInfo.records;
                        vc.component.resourceStoreManageInfo.resourceStores = _resourceStoreManageInfo.resourceStores;

                        vc.component.resourceStoreManageInfo.data.total = _resourceStoreManageInfo.total;
                        vc.component.resourceStoreManageInfo.data.rows = _resourceStoreManageInfo.resourceStores;
                        vc.emit('pagination', 'init', {
                            total: vc.component.resourceStoreManageInfo.records,
                            currentPage: _page
                        });
                    }, function (errInfo, error) {
                        console.log('请求失败处理');
                    }
                );
            },
            //初始化表格
            _initResourceStoreTable: function () {
                $('#resourceStore_table').bootstrapTable({
                    data:vc.component.resourceStoreManageInfo.data,
                    // url:'/callComponent/resourceStoreManage/list',
                    // method: 'get',                      //请求方式（*）
                    // pagination: true,                   //是否显示分页（*）
                    // pageNumber: 1,                       //初始化加载第一页，默认第一页
                    // pageSize: 10,                       //每页的记录行数（*）
                    // pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                    // showColumns: false,                 //是否显示所有的列
                    // showRefresh: false,                 //是否显示刷新按钮
                    clickToSelect: true,                //是否启用点击选中行
                    height: 350,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                    // showToggle: false,                   //是否显示详细视图和列表视图的切换按钮
                    // cardView: false,                    //是否显示详细视图
                    // detailView: false,                   //是否显示父子表
                    columns: [
                        {
                            field: 'resId',
                            title: '资源ID',
                        },
                        {
                            field: 'resName',
                            title: '资源名称',
                        }, {
                            field: 'resCode',
                            title: '物品编码',
                        }, {
                            field: 'price',
                            title: '单价',
                        }, {
                            field: 'stock',
                            title: '库存'},
                        // }, {
                        //     field: 'quantity',
                        //     title: '采购数量'
                        // },
                        {
                            field: 'remark',
                            title: '备注'
                        }
                    ],
                });
            },
            _openAddResourceStoreModal: function () {
                vc.emit('addResourceStore', 'openAddResourceStoreModal', {});
            },
            _openEditResourceStoreModel: function (_resourceStore) {
                vc.emit('editResourceStore', 'openEditResourceStoreModal', _resourceStore);
            },
            _openDeleteResourceStoreModel: function (_resourceStore) {
                vc.emit('deleteResourceStore', 'openDeleteResourceStoreModal', _resourceStore);
            },
            _queryResourceStoreMethod: function () {
                vc.component._listResourceStores(DEFAULT_PAGE, DEFAULT_ROWS);

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


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

 WebService/src/main/resources/components/resourceStorePackage/resourceStoreSelectModule/resourceStoreSelectModule.html

New file
@@ -0,0 +1,73 @@
<div class="row">
    <div class="col-lg-12">
        <div class="ibox">
            <div class="ibox-title">
                <h3 class="modal-title" id="addOrgCommunityModelLabel">添加隶属小区</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="ibox-content">
                <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="addOrgCommunityInfo.communityName"
                                               class="form-control form-control-sm">
                                        <span class="input-group-append">
                                                <button type="button" class="btn btn-sm btn-primary"
                                                        v-on:click="queryCommunitys()">查询</button>
                                            </span>
                                    </div>
                                </div>
                            </div>
                            <div class="table-responsive" style="margin-top:15px">
                                <table class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th class="text-center">
                                            <input type="checkbox"  class="i-checks " @click="checkAll($event)" id="quan">
                                        </th>
                                        <th class="text-center">小区ID</th>
                                        <th class="text-center">小区名称</th>
                                        <th class="text-center">小区地址</th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr v-for="community in addOrgCommunityInfo.communitys">
                                        <td class="text-center">
                                            <input type="checkbox" class="i-checks checkItem" v-bind:value="community.communityId" v-model="addOrgCommunityInfo.selectCommunitys" >
                                        </td>
                                        <td class="text-center">{{community.communityId}}</td>
                                        <td class="text-center">{{community.name}}</td>
                                        <td class="text-center">{{community.address}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <!-- 分页 -->
                                <vc:create namespace="addOrgCommunity" name="paginationPlus"></vc:create>
                                <div class="ibox-content" v-if="addOrgCommunityInfo.communitys.length > 0">

                                    <button class="btn btn-primary float-right" type="button" v-on:click="addOrgCommunity()"><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>
</div>

 WebService/src/main/resources/components/resourceStorePackage/resourceStoreSelectModule/resourceStoreSelectModule.js

New file
@@ -0,0 +1,144 @@
(function(vc){
    vc.extends({
        propTypes: {
            emitListener:vc.propTypes.string,
            emitFunction:vc.propTypes.string
        },
        data:{
            addOrgCommunityInfo:{
                communitys:[],
                communityName:'',
                orgId:'',
                orgName:'',
                selectCommunitys:[],
                index:0,
            }
        },
        watch: { // 监视双向绑定的数据数组
            checkData: {
                handler(){ // 数据数组有变化将触发此函数
                    if(vc.component.addOrgCommunityInfo.selectCommunitys.length == vc.component.addOrgCommunityInfo.communitys.length){
                        document.querySelector('#quan').checked = true;
                    }else {
                        document.querySelector('#quan').checked = false;
                    }
                },
                deep: true // 深度监视
            }
        },
        _initMethod:function(){
        },
        _initEvent:function(){
            vc.on('addOrgCommunity','openAddOrgCommunityModal',function(_param){
                vc.component._refreshChooseOrgInfo();
                $('#addOrgCommunityModel').modal('show');
                vc.copyObject(_param,vc.component.addOrgCommunityInfo);
                vc.component._loadAllCommunityInfo(1,10,'');
            });

            vc.on('addOrgCommunity','paginationPlus', 'page_event', function (_currentPage) {
                vc.component._listOrgCommunitys(_currentPage, DEFAULT_ROWS);
            });

            vc.on('resourceStoreSelectModule', 'onIndex', function(_index){
                vc.component.viewStaffInfo.index = _index;
            });
        },
        methods:{
            _loadAllCommunityInfo:function(_page,_row,_name){
                var param = {
                    params:{
                        page:_page,
                        row:_row,
                        name:_name,
                        orgId:vc.component.addOrgCommunityInfo.orgId
                    }
                };

                //发送get请求
                vc.http.get('addOrgCommunity',
                    'list',
                    param,
                    function(json){
                        var _communityInfo = JSON.parse(json);
                        vc.component.addOrgCommunityInfo.communitys = _communityInfo.communitys;
                        vc.emit('addOrgCommunity','paginationPlus', 'init', {
                            total: _communityInfo.records,
                            currentPage: _page
                        });
                    },function(){
                        console.log('请求失败处理');
                    }
                );
            },
            addOrgCommunity:function(_org){
                var _selectCommunitys = vc.component.addOrgCommunityInfo.selectCommunitys;
                var _tmpCommunitys = vc.component.addOrgCommunityInfo.communitys;
                if(_selectCommunitys.length <1){
                    vc.toast("请选择隶属小区");
                    return ;
                }
                var _communitys = [];
                for(var _selectIndex = 0 ;_selectIndex <_selectCommunitys.length ;_selectIndex ++){
                    for(var _communityIndex =0; _communityIndex < _tmpCommunitys.length;_communityIndex++){
                        if(_selectCommunitys[_selectIndex] == _tmpCommunitys[_communityIndex].communityId){
                            _communitys.push({
                                communityId:_tmpCommunitys[_communityIndex].communityId,
                                communityName:_tmpCommunitys[_communityIndex].name
                            });
                        }
                    }
                }
                var _objData = {
                    orgId:vc.component.addOrgCommunityInfo.orgId,
                    orgName:vc.component.addOrgCommunityInfo.orgName,
                    communitys:_communitys
                }
                vc.http.post('addOrgCommunity',
                    'save',
                    JSON.stringify(_objData),
                    {
                        emulateJSON: true
                    },
                    function(json,res){
                        $('#addOrgCommunityModel').modal('hide');
                        if(res.status == 200){
                            vc.emit($props.emitListener,$props.emitFunction,{
                            });
                            return ;
                        }
                        vc.toast(json);
                    },function(){
                        console.log('请求失败处理');
                    }
                );
                $('#addOrgCommunityModel').modal('hide');
            },
            queryCommunitys:function(){
                vc.component._loadAllCommunityInfo(1,10,vc.component.addOrgCommunityInfo.communityName);
            },
            _refreshChooseOrgInfo:function(){
                vc.component.addOrgCommunityInfo={
                    communitys:[],
                    communityName:'',
                    orgId:'',
                    orgName:'',
                    selectCommunitys:[]
                };
            },
            checkAll:function(e){
                var checkObj = document.querySelectorAll('.checkItem'); // 获取所有checkbox项
                if(e.target.checked){ // 判定全选checkbox的勾选状态
                    for(var i=0;i<checkObj.length;i++){
                        if(!checkObj[i].checked){ // 将未勾选的checkbox选项push到绑定数组中
                            vc.component.addOrgCommunityInfo.selectCommunitys.push(checkObj[i].value);
                        }
                    }
                }else { // 如果是去掉全选则清空checkbox选项绑定数组
                    vc.component.addOrgCommunityInfo.selectCommunitys = [];
                }
            }
        }

    });
})(window.vc);

 WebService/src/main/resources/components/resourceStorePackage/view-resourceStore-info2/viewResourceStoreInfo2.html

New file
@@ -0,0 +1,63 @@
<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="viewResourceStoreInfo2.index != 2" class="btn btn-primary btn-sm"
                            style="margin-right:10px;" v-on:click="_openSelectResourceStoreInfoModel()">
                        <i class="glyphicon glyphicon-search"></i> 选择物品
                    </button>
                </div>
            </div>
            <div class="ibox-content">
                <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="resourceStore in viewResourceStoreInfo2.resourceStores">
                            <td class="text-center">{{resourceStore.resName}}</td>
                            <td class="text-center">{{resourceStore.resCode}}</td>
                            <td class="text-center">{{resourceStore.price}}</td>
                            <td class="text-center">{{resourceStore.stock}}</td>
                            <td class="text-center">
                                <input v-model="resourceStore.quantity" type="text"
                                       placeholder="必填，请填写采购数量" class="form-control">
                            </td>
                            <td class="text-center">
                                <input v-model="resourceStore.remark" type="text" class="form-control">
                            </td>

                        </tr>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="7">
                                <ul class="pagination float-right"></ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
            </div>
        </div>
    </div>
    <vc:create name="chooseResourceStore2"
               emitChooseResourceStore="viewResourceStoreInfo"
               emitLoadData="viewResourceStoreInfo"
    ></vc:create>
</div>
</div>

 WebService/src/main/resources/components/resourceStorePackage/view-resourceStore-info2/viewResourceStoreInfo2.js

New file
@@ -0,0 +1,63 @@
/**
 物品管理 组件
 **/
(function (vc) {

    vc.extends({
        propTypes: {
            callBackListener: vc.propTypes.string, //父组件名称
            callBackFunction: vc.propTypes.string //父组件监听方法
        },
        data: {
            viewResourceStoreInfo2: {
                index: 0,
                flowComponent: 'viewResourceStoreInfo2',
                resName: '',
                resCode: '',
                price: '',
                stock: '',
                description: '',
                resourceStores:''

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

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

            vc.on('viewResourceStoreInfo2', 'setSelectResourceStores', function (resourceStores) {
                vc.component.viewResourceStoreInfo2.resourceStores = resourceStores;
            });

            vc.on('viewResourceStoreInfo2', 'getSelectResourceStores', function (resourceStores) {
                //vc.component.viewResourceStoreInfo2.resourceStores = resourceStores;
                vc.emit($props.callBackListener, $props.callBackFunction, vc.component.viewResourceStoreInfo2);
            });


        },
        methods: {

            _openSelectResourceStoreInfoModel() {
                vc.emit('chooseResourceStore2', 'openChooseResourceStoreModel2', {});
            },
            _openAddResourceStoreInfoModel() {
                vc.emit('addResourceStore', 'openAddResourceStoreModal', {});
            },
            _loadResourceStoreInfoData: function () {

            }
        }
    });

})(window.vc);