shuzhan
/
ipcps-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!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.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">
                <select v-model="assigneeId">
                    <template v-if="dto.assignee!=null">
                    <option :value="dto.assignee.id">{{dto.assignee.realName + '(' + dto.assignee.userName + ')'}}</option>
                    </template>
                    <template v-if="dto.candidates!=null">
                    <option 
                    :value="candidate.id"
                    v-for="candidate in dto.candidates"
                    >
                    {{candidate.realName + '(' + candidate.userName + ')'}}
                    </option>
                    </template>
                </select>
            </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.createTime"></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.dueDate"></span>
            </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:{},
            assigneeId:{}
        },
        mounted:function(){
            var loadingIndex = layer.load(1, {shade: [0.1,'#fff']}); 
            var self = this;

            $.get(path + "/task/getTask",{
                taskId : id
            }, function(json){
                layer.close(loadingIndex);
                
                if(json.result){
                    self.dto = json.data;

                    if(self.dto.assignee!=null){
                        self.assigneeId = self.dto.assignee.id;
                    }
                    else if(self.dto.candidates!=null){
                        self.assigneeId = self.dto.candidates[0].id;
                    }

                    //默认待办全选中
                    self.dto.todoList.forEach(function(todo){
                        //todo.checked = true;
                    });
                }
                else{
                    layer.msg(json.message);					
                }				
            },"json");
        },
        methods:{
            submit : function(){
                var loadingIndex = top.layer.load(1, {shade: [0.1,'#fff']}); 

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

                $.ajax({
                    url: global_backend_url + "/task/completeTask",
                    type: "POST",        //请求类型
                    data: JSON.stringify({
                        taskId: this.dto.taskId,
                        todoList: idList,
                        assignee: this.assigneeId
                    }),
                    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>