修改页面样式
Showing
3 changed files
with
90 additions
and
10 deletions
| ... | @@ -5,6 +5,9 @@ var self = new Vue({ | ... | @@ -5,6 +5,9 @@ var self = new Vue({ |
| 5 | search:'', | 5 | search:'', |
| 6 | projectId:null, | 6 | projectId:null, |
| 7 | userId:null, | 7 | userId:null, |
| 8 | params: { | ||
| 9 | rwListIndex: 0 | ||
| 10 | }, | ||
| 8 | // 表格数据 | 11 | // 表格数据 |
| 9 | tabaledata:[ | 12 | tabaledata:[ |
| 10 | { | 13 | { |
| ... | @@ -103,6 +106,9 @@ var self = new Vue({ | ... | @@ -103,6 +106,9 @@ var self = new Vue({ |
| 103 | 106 | ||
| 104 | }, | 107 | }, |
| 105 | handleCurrentChange(){}, | 108 | handleCurrentChange(){}, |
| 109 | clickData(row){ | ||
| 110 | this.jumpdetailPage(row) | ||
| 111 | }, | ||
| 106 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | 112 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { |
| 107 | // debugger | 113 | // debugger |
| 108 | var unique = this.uuid(); | 114 | var unique = this.uuid(); |
| ... | @@ -185,6 +191,41 @@ var self = new Vue({ | ... | @@ -185,6 +191,41 @@ var self = new Vue({ |
| 185 | } | 191 | } |
| 186 | }); | 192 | }); |
| 187 | }) | 193 | }) |
| 194 | }, | ||
| 195 | // 详情 | ||
| 196 | jumpdetailPage(data) { | ||
| 197 | var taskid = data.TASKID; | ||
| 198 | var detailType = data.detailType; | ||
| 199 | var projectid = data.PROJECTID; | ||
| 200 | var flowInstanceId =data.INSTANCEID; | ||
| 201 | var titleEncode = encodeURI(encodeURI(data.PROJECTNAME)); | ||
| 202 | var stats = data.stats ? data.stats : ''; | ||
| 203 | var projecttype = data.FLOWNAME; | ||
| 204 | var PROJECTSTATUS = encodeURI(encodeURI(data.PROJECTSTATUS)); | ||
| 205 | var FLOWREVISIONID = data.FLOWREVISIONID; | ||
| 206 | var projectcode = data.PROJECTCODE; | ||
| 207 | var flowItemTypeKvStr = data.FLOWITEMTYPE?"&flowItemTypeId=" + data.FLOWITEMTYPE:""; | ||
| 208 | var version = data.FLOWVERSION; | ||
| 209 | var layerid=""; | ||
| 210 | var coverage=""; | ||
| 211 | var url = CONF_FRONT_SERVERURL | ||
| 212 | + 'view/projecttask/detailproject.jsp?projectid=' + projectid + "&referer=''&stats=" | ||
| 213 | + stats +"&projectcode="+projectcode+"&taskId=" + taskid + "&flowInstanceId=" + flowInstanceId+'&titleEncode=' | ||
| 214 | + titleEncode + "&projectStatus=" + PROJECTSTATUS+"&flowRevisionId="+FLOWREVISIONID+flowItemTypeKvStr+"&FLOWVERSION="+version+"&detailType="+detailType; | ||
| 215 | |||
| 216 | detailPage = window.open(this.handleJumpUrl(url)); | ||
| 217 | parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); | ||
| 218 | }, | ||
| 219 | openApproveDetail(data) { | ||
| 220 | var type = this.params.rwListIndex; | ||
| 221 | if(type == "项目管理") data.stats = "Manage"; | ||
| 222 | else if(type == "项目查询") data.stats = "search" ; | ||
| 223 | else if(type == "待办项目") data.stats = "projecting"; | ||
| 224 | else if(type == "已办项目") data.stats = "dealedproject"; | ||
| 225 | // create by zys start | ||
| 226 | else if(type == 0) data.stats = "projecting"; // 待办 | ||
| 227 | else if(type == 1) data.stats = "dealedproject"; // 已办 | ||
| 228 | this.jumpdetailPage(data); | ||
| 188 | } | 229 | } |
| 189 | } | 230 | } |
| 190 | }) | 231 | }) |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -61,26 +61,43 @@ | ... | @@ -61,26 +61,43 @@ |
| 61 | background: #0096eb; | 61 | background: #0096eb; |
| 62 | color: #fff; | 62 | color: #fff; |
| 63 | } | 63 | } |
| 64 | .el-col-5{ | 64 | .el-col-4{ |
| 65 | margin-top:20px | 65 | margin-top:20px |
| 66 | } | 66 | } |
| 67 | .div-search{ | ||
| 68 | border: 1px solid #cac8c8; | ||
| 69 | border-radius: 2px; | ||
| 70 | float: left; | ||
| 71 | margin-right: 10px; | ||
| 72 | width: 280px; | ||
| 73 | height: 30px; | ||
| 74 | margin-left: 10px; | ||
| 75 | margin-left: -120px; | ||
| 76 | margin-top: 18px; | ||
| 77 | } | ||
| 78 | .div-search input{ | ||
| 79 | border: none; | ||
| 80 | height: 27px; | ||
| 81 | padding-left: 15px; | ||
| 82 | border-radius: 2px; | ||
| 83 | outline: 0; | ||
| 84 | } | ||
| 67 | </style> | 85 | </style> |
| 68 | </head> | 86 | </head> |
| 69 | <body> | 87 | <body> |
| 70 | <div id="app"> | 88 | <div id="app"> |
| 71 | <div class='contanier'> | 89 | <div class='contanier'> |
| 72 | <el-row :gutter="20"> | 90 | <el-row :gutter="20"> |
| 73 | <el-col :span="5"> | 91 | <el-col :span="4"> |
| 74 | <!-- <button class="btns">查询</button>--> | 92 | <!-- <button class="btns">查询</button>--> |
| 75 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> | 93 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> |
| 76 | <button class="btns">删除</button> | 94 | <button class="btns">删除</button> |
| 77 | </el-col> | 95 | </el-col> |
| 78 | <el-col :span="6"> | 96 | <el-col :span="6"> |
| 79 | <el-input v-model="search" placeholder="请输入查询内容" suffix-icon="el-icon-search"></el-input> | 97 | <div class="div-search"> |
| 80 | <!-- 等完成后调节--> | 98 | <input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search"> |
| 81 | <!-- <img id="searchBtn"--> | 99 | <img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;"> |
| 82 | <!-- src="../../../../image/projecttask/search.png"--> | 100 | </div> |
| 83 | <!-- style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;" />--> | ||
| 84 | </el-col> | 101 | </el-col> |
| 85 | </el-row> | 102 | </el-row> |
| 86 | <!-- 列表区域--> | 103 | <!-- 列表区域--> |
| ... | @@ -90,6 +107,7 @@ | ... | @@ -90,6 +107,7 @@ |
| 90 | height="100%" | 107 | height="100%" |
| 91 | border | 108 | border |
| 92 | stripe | 109 | stripe |
| 110 | @row-click="clickData" | ||
| 93 | > | 111 | > |
| 94 | <el-table-column | 112 | <el-table-column |
| 95 | type="selection" | 113 | type="selection" | ... | ... |
| ... | @@ -61,22 +61,43 @@ | ... | @@ -61,22 +61,43 @@ |
| 61 | background: #0096eb; | 61 | background: #0096eb; |
| 62 | color: #fff; | 62 | color: #fff; |
| 63 | } | 63 | } |
| 64 | .el-col-5{ | 64 | .el-col-4{ |
| 65 | margin-top:20px | 65 | margin-top:20px |
| 66 | } | 66 | } |
| 67 | .div-search{ | ||
| 68 | border: 1px solid #cac8c8; | ||
| 69 | border-radius: 2px; | ||
| 70 | float: left; | ||
| 71 | margin-right: 10px; | ||
| 72 | width: 280px; | ||
| 73 | height: 30px; | ||
| 74 | margin-left: 10px; | ||
| 75 | margin-left: -120px; | ||
| 76 | margin-top: 18px; | ||
| 77 | } | ||
| 78 | .div-search input{ | ||
| 79 | border: none; | ||
| 80 | height: 27px; | ||
| 81 | padding-left: 15px; | ||
| 82 | border-radius: 2px; | ||
| 83 | outline: 0; | ||
| 84 | } | ||
| 67 | </style> | 85 | </style> |
| 68 | </head> | 86 | </head> |
| 69 | <body> | 87 | <body> |
| 70 | <div id="app"> | 88 | <div id="app"> |
| 71 | <div class='contanier'> | 89 | <div class='contanier'> |
| 72 | <el-row :gutter="20"> | 90 | <el-row :gutter="20"> |
| 73 | <el-col :span="5"> | 91 | <el-col :span="4"> |
| 74 | <!-- <button class="btns">查询</button>--> | 92 | <!-- <button class="btns">查询</button>--> |
| 75 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> | 93 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> |
| 76 | <button class="btns">删除</button> | 94 | <button class="btns">删除</button> |
| 77 | </el-col> | 95 | </el-col> |
| 78 | <el-col :span="6"> | 96 | <el-col :span="6"> |
| 79 | <el-input v-model="search" placeholder="请输入查询内容" suffix-icon="el-icon-search"></el-input> | 97 | <div class="div-search"> |
| 98 | <input id="searchInput" type="text" placeholder="搜索已办项目" style="width: 82%;" v-model="search"> | ||
| 99 | <img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;"> | ||
| 100 | </div> | ||
| 80 | </el-col> | 101 | </el-col> |
| 81 | </el-row> | 102 | </el-row> |
| 82 | <!-- 列表区域--> | 103 | <!-- 列表区域--> | ... | ... |
-
Please register or sign in to post a comment