shuzhan
/
ipcps-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<!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" v-html="(index+1) +'.' + todo.text"></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">
                <template v-if="dto.candidates!=null">
                        <span 
                        v-html="candidate.realName + '(' + candidate.userName + ');'"
                        v-for="candidate in dto.candidates"
                        ></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">
                <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">
                <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">
            <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 = top.layer.load(1, {shade: [0.1,'#fff']}); 
            var self = this;

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

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

                $.post(path + "/task/edit",{
                    taskId : this.dto.taskId,
                    dueDate: this.dto.dueDate
                },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);					
                    }	
                },"json");
            }
        }
    });
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>