修改页面样式
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