添加巡检计划更改状态组件

mrzcc

2020-02-18 0d5e9cede6fd6a732afcf9b8b7a55fb64fd328a1

添加巡检计划更改状态组件

 WebService/src/main/resources/components/inspectionPlanPackage/inspectionPlan-state/inspectionPlanState.html

New file
@@ -0,0 +1,19 @@
<div class="modal fade" id="inspectionPlanStateModel" 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>确定{{inspectionPlanStateInfo.stateName}}巡检计划</th></tr>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="_closeInspectionPlanStateModel()">点错了</button>
                <button type="button" class="btn btn-primary" v-on:click="_changeInspectionPlanState()">确认</button>
            </div>
        </div>
    </div>
</div>

 WebService/src/main/resources/components/inspectionPlanPackage/inspectionPlan-state/inspectionPlanState.js

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

    vc.extends({
        data: {
            inspectionPlanStateInfo: {
                inspectionPlanId: '',
                stateName: '',
                state: ''

            }
        },
        _initMethod: function () {

        },
        _initEvent: function () {
            vc.on('inspectionPlanState', 'openInspectionPlanStateModal', function (_params) {
                vc.copyObject(_params, vc.component.inspectionPlanStateInfo);
                console.log("收到参数："+_params.state);
                console.log("收到参数："+_params.inspectionPlanId);
                console.log("收到参数："+_params.stateName);
                $('#inspectionPlanStateModel').modal('show');

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

                    });
            },
            _closeInspectionPlanStateModel: function () {
                $('#inspectionPlanStateModel').modal('hide');
            }
        }
    });

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