shuzhan
/
ipcps-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
							<!DOCTYPE html>
<html>
<head>
	<title>任务详情页</title>
	<!--#include file="common/_header.html"-->
</head>
<body>
<article id="app" class="page-container">
	<form class="form form-horizontal" id="form1">
	    <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">任务编号： </label>
            <div class="formControls col-xs-8 col-sm-9">
                <span v-html="dto.taskId"></span>
            </div>
	    </div>
	    <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">任务名称： </label>
            <div class="formControls col-xs-8 col-sm-9">
                <span v-html="dto.taskName"></span>
            </div>
	    </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">待办事项：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <dl>
                    <li v-for="(todo,index) in dto.todoList">
                        <input type="checkbox" v-model="todo.checked" :value="todo.id"/>
                        <span v-html="todo.text"></span>
                    </li>
                </dl>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">经办人：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <template v-if="dto.assignee!=null">
                    <span v-html="dto.assignee.realName + '(' + dto.assignee.userName + ')'"></span>
                </template>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">开始时间：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input id="txtStartTime" class="input-text Wdate" style="width:180px;" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" :value="dto.createTime"/>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">规定完成时间：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input id="txtDueDate" class="input-text Wdate" style="width:180px;" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" :value="dto.dueDate"/>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">实际完成时间：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input id="txtEndTime" class="input-text Wdate" style="width:180px;" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" :value="dto.endTime"/>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input @click="submit" class="btn btn-primary radius" type="button" value="保存">
            </div>
        </div>
	</form>
</article>
<!--_footer 作为公共模版分离出去-->
<!--#include file="common/_footer.html"-->
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>  
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="scripts/global.js"></script>
<script type="text/javascript" src="lib/vue/vue.js"></script>  
<script type="text/javascript">
	var path = global_backend_url;

    //获取url中传参
    var id = getQueryString("id");

    var app = new Vue({
        el:"#app",
        data:{
            dto:{}
        },
        mounted:function(){
            var loadingIndex = layer.load(1, {shade: [0.1,'#fff']});
            var self = this;

            $.get(path + "/task/getHistoricTask",{
                taskId : id
            }, function(json){
                layer.close(loadingIndex);
                
                if(json.result){
                    self.dto = json.data;
                }
                else{
                    layer.msg(json.message);					
                }				
            },"json");
        },
        methods:{
            submit : function(){
                this.dto.startTime = $("#txtStartTime").val();
                this.dto.dueDate = $("#txtDueDate").val();
                this.dto.endTime = $("#txtEndTime").val();

                var loadingIndex = top.layer.load(1, {shade: [0.5,'#fff']}); 

                var idList1 = this.dto.todoList.filter(function(item){
                    return item.checked;
                }).map(function(item){
                    return item.id;
                });

                var idList2 = this.dto.todoList.filter(function(item){
                    return !item.checked;
                }).map(function(item){
                    return item.id;
                });

                $.ajax({
                    url: global_backend_url + "/task/saveHistoricTask",
                    type: "POST",        //请求类型
                    data: JSON.stringify({
                        taskId: this.dto.taskId,
                        todoList: idList1,
                        undoList: idList2,
                        startTime: this.dto.startTime,
                        dueDate: this.dto.dueDate,
                        endTime: this.dto.endTime
                    }),
                    dataType:"json",        
                    contentType:"application/json",
                    success: function(resp){
                        top.layer.close(loadingIndex);
                
                        if(resp.result){
                            if(parent!=null){
                                var index = parent.layer.getFrameIndex(window.name);
                                //layer.close(loadingIndex1);
                                
                                if(index>=0){		
                                    parent.reloadList();
                                    parent.layer.close(index);
                                }
                            }
                            else{
                                top.layer.msg("修改成功!");
                            }
                        }
                        else{
                            top.layer.msg("系统异常!" + resp.message);					
                        }	
                    }
                });
            }
        }
    });
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>