123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <!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">
- <template v-if="prevTaskList.length>0">
- <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="prevTaskId">
- <option v-for="item in prevTaskList" :value="item.id">{{item.name}}-{{item.endTime}}</option>
- </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">
- <template v-if="prevTask.assignee!=null">
- <span v-html="prevTask.assignee.realName + '(' + prevTask.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="prevTask!=null">
- <span v-html="prevTask.endTime"></span>
- </template>
- </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>
- </template>
- <template v-else>
- <h5 v-if="loading">当前步骤无上一步或上一步为并发步骤,无法退回!</h5>
- <h5 v-else>加载中...</h5>
- </template>
- </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 taskId = getQueryString("id");
- var app = new Vue({
- el:"#app",
- data:{
- prevTaskList:[],
- prevTaskId: "",
- prevTask: {},
- loading : true
- },
- watch: {
- prevTaskId: function(newValue,oldValue){
- this.prevTaskList.forEach(task => {
- if(task.id == this.prevTaskId){
- this.prevTask = task;
- return;
- }
- });
- }
- },
- mounted:function(){
- var loadingIndex = top.layer.load(1, {shade: [0.1,'#fff']});
- var self = this;
- $.get(path + "/task/findPrevTasks",{
- taskId : taskId
- }, function(json){
- top.layer.close(loadingIndex);
- self.loading = false;
- if(json.result){
- self.prevTaskList = json.data;
- if(self.prevTaskList.length>0){
- self.prevTaskId = self.prevTaskList[0].id;
- }
- }
- else{
- top.layer.msg(json.message + "");
- }
- },"json");
- },
- methods:{
- submit : function(){
- var loadingIndex = top.layer.load(1, {shade: [0.5,'#fff']});
- $.post(global_backend_url + "/task/back",{
- taskId : taskId,
- prevTaskId : this.prevTaskId
- },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>
|