增加点击跳转事件,修改样式
Showing
12 changed files
with
723 additions
and
302 deletions
| ... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
| 3 | data(){ | 3 | data(){ |
| 4 | return { | 4 | return { |
| 5 | search:'', | 5 | search:'', |
| 6 | projectId:null, | ||
| 7 | userId:null, | ||
| 6 | // 表格数据 | 8 | // 表格数据 |
| 7 | tabaledata:[ | 9 | tabaledata:[ |
| 8 | { | 10 | { |
| ... | @@ -66,6 +68,89 @@ var self = new Vue({ | ... | @@ -66,6 +68,89 @@ var self = new Vue({ |
| 66 | handleCurrentChange(){}, | 68 | handleCurrentChange(){}, |
| 67 | click(val){ | 69 | click(val){ |
| 68 | this.isActive = val | 70 | this.isActive = val |
| 71 | }, | ||
| 72 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
| 73 | // debugger | ||
| 74 | var unique = this.uuid(); | ||
| 75 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
| 76 | url += 'stats=' + _stats; | ||
| 77 | url += '&flowid=' + flowId; | ||
| 78 | url += '&create=' + (this.projectId ? 1 : 0); | ||
| 79 | url += '&projectid=' + (this.projectId || ""); | ||
| 80 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
| 81 | url += '&uniquePath=' + unique; | ||
| 82 | window.open(this.handleJumpUrl(url)); | ||
| 83 | this.addFlowUserCount(flowId); | ||
| 84 | }, | ||
| 85 | addFlowUserCount (flowId) { | ||
| 86 | if (flowId === null || flowId === undefined) { | ||
| 87 | return false; | ||
| 88 | } | ||
| 89 | |||
| 90 | this.ajaxPromise({ | ||
| 91 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
| 92 | contentType: "application/json", | ||
| 93 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
| 94 | }).catch((error)=> { | ||
| 95 | console.error(error); | ||
| 96 | }); | ||
| 97 | }, | ||
| 98 | handleJumpUrl(url){ | ||
| 99 | var myid = "guid" + this.guid(); | ||
| 100 | var tempArr = url.split("?"); | ||
| 101 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
| 102 | var urlValue = tempArr[1]; | ||
| 103 | var cacheUrlValue = null; | ||
| 104 | var data = { | ||
| 105 | paramUrl:urlValue, | ||
| 106 | ftoken:$.cookie('ftoken') | ||
| 107 | }; | ||
| 108 | if(window.globalLocalCache){ | ||
| 109 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
| 110 | } | ||
| 111 | return returnStr; | ||
| 112 | }, | ||
| 113 | S4() { | ||
| 114 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
| 115 | }, | ||
| 116 | guid() { | ||
| 117 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
| 118 | }, | ||
| 119 | uuid(){ | ||
| 120 | var s = []; | ||
| 121 | var hexDigits = "0123456789abcdef"; | ||
| 122 | for (var i = 0; i < 36; i++) { | ||
| 123 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
| 124 | } | ||
| 125 | s[14] = "4"; | ||
| 126 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
| 127 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
| 128 | |||
| 129 | var uuid = s.join(""); | ||
| 130 | return uuid; | ||
| 131 | }, | ||
| 132 | ajaxPromise(options) { | ||
| 133 | return new Promise(function (resolve, reject) { | ||
| 134 | if ( typeof options !== "object" ) { | ||
| 135 | return reject("参数错误!"); | ||
| 136 | } | ||
| 137 | let _type = options.type || "POST"; | ||
| 138 | //'application/json' | ||
| 139 | $.ajax({ | ||
| 140 | type: _type, | ||
| 141 | url: options.url, | ||
| 142 | data: options.data, | ||
| 143 | dataType: options.dataType, | ||
| 144 | contentType: options.contentType, | ||
| 145 | headers: {"token":$.cookie('ftoken') }, | ||
| 146 | success: function(result){ | ||
| 147 | resolve(result); | ||
| 148 | }, | ||
| 149 | error: function (error) { | ||
| 150 | reject(error); | ||
| 151 | } | ||
| 152 | }); | ||
| 153 | }) | ||
| 69 | } | 154 | } |
| 70 | } | 155 | } |
| 71 | }) | 156 | }) |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
| 8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
| 9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
| 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
| 11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
| 12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
| 13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
| 14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
| 11 | <style> | 15 | <style> |
| 12 | .contanier{ | 16 | .contanier{ |
| 13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
| ... | @@ -29,11 +33,11 @@ | ... | @@ -29,11 +33,11 @@ |
| 29 | cursor: pointer; | 33 | cursor: pointer; |
| 30 | } | 34 | } |
| 31 | .optspan:hover{ | 35 | .optspan:hover{ |
| 32 | color:#05C6B4 | 36 | color:#409EFF |
| 33 | } | 37 | } |
| 34 | .select{ | 38 | .select{ |
| 35 | color:#05C6B4; | 39 | color:#409EFF; |
| 36 | border-bottom:5px solid #05C6B4 | 40 | border-bottom:5px solid #409EFF |
| 37 | } | 41 | } |
| 38 | .el-table{ | 42 | .el-table{ |
| 39 | margin-top: 20px; | 43 | margin-top: 20px; |
| ... | @@ -62,12 +66,17 @@ | ... | @@ -62,12 +66,17 @@ |
| 62 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> | 66 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> |
| 63 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> | 67 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> |
| 64 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> | 68 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> |
| 65 | <span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span> | ||
| 66 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> | 69 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> |
| 67 | </div> | 70 | </div> |
| 71 | <div style="line-height: 37px;margin-left: -100px"> | ||
| 72 | <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
| 73 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | ||
| 74 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
| 75 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | ||
| 76 | </div> | ||
| 68 | <div style="float: right"> | 77 | <div style="float: right"> |
| 69 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> | 78 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> |
| 70 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button> |
| 71 | </div> | 80 | </div> |
| 72 | </div> | 81 | </div> |
| 73 | <!-- 表格区域--> | 82 | <!-- 表格区域--> |
| ... | @@ -273,73 +282,6 @@ | ... | @@ -273,73 +282,6 @@ |
| 273 | </el-table-column> | 282 | </el-table-column> |
| 274 | </el-table> | 283 | </el-table> |
| 275 | <el-table | 284 | <el-table |
| 276 | v-if="isActive==4" | ||
| 277 | :data="tabaledata" | ||
| 278 | style="width: 100%;" | ||
| 279 | height="100%" | ||
| 280 | border | ||
| 281 | stripe | ||
| 282 | :default-sort = "{prop: 'xh', order: 'ascending'}" | ||
| 283 | > | ||
| 284 | <el-table-column | ||
| 285 | type="selection" | ||
| 286 | width="55"> | ||
| 287 | </el-table-column> | ||
| 288 | <el-table-column | ||
| 289 | prop="xh" | ||
| 290 | label="序号" | ||
| 291 | width="55"> | ||
| 292 | </el-table-column> | ||
| 293 | <el-table-column | ||
| 294 | prop="ajmc" | ||
| 295 | width="300" | ||
| 296 | label="案件名称" | ||
| 297 | align="center" | ||
| 298 | ></el-table-column> | ||
| 299 | <el-table-column | ||
| 300 | prop="anlx" | ||
| 301 | label="案件类型" | ||
| 302 | align="center" | ||
| 303 | width="100" | ||
| 304 | > | ||
| 305 | </el-table-column> | ||
| 306 | <el-table-column | ||
| 307 | prop="zrdw" | ||
| 308 | label="责任单位" | ||
| 309 | align="center" | ||
| 310 | width="200" | ||
| 311 | > | ||
| 312 | </el-table-column> | ||
| 313 | <el-table-column | ||
| 314 | prop="ssqy" | ||
| 315 | label="所属区域" | ||
| 316 | align="center" | ||
| 317 | width="200" | ||
| 318 | > | ||
| 319 | </el-table-column> | ||
| 320 | <el-table-column | ||
| 321 | prop="ljr" | ||
| 322 | label="来件人" | ||
| 323 | align="center" | ||
| 324 | width="400" | ||
| 325 | > | ||
| 326 | </el-table-column> | ||
| 327 | <el-table-column | ||
| 328 | prop="djsh" | ||
| 329 | label="登记时间" | ||
| 330 | align="center" | ||
| 331 | width="200" | ||
| 332 | > | ||
| 333 | </el-table-column> | ||
| 334 | <el-table-column | ||
| 335 | prop="jssi" | ||
| 336 | label="接受时间" | ||
| 337 | align="center" | ||
| 338 | width="200" | ||
| 339 | > | ||
| 340 | </el-table-column> | ||
| 341 | </el-table> | ||
| 342 | <el-table | ||
| 343 | v-if="isActive==5" | 285 | v-if="isActive==5" |
| 344 | :data="tabaledata" | 286 | :data="tabaledata" |
| 345 | style="width: 100%;" | 287 | style="width: 100%;" |
| ... | @@ -418,6 +360,7 @@ | ... | @@ -418,6 +360,7 @@ |
| 418 | :total="8"> | 360 | :total="8"> |
| 419 | </el-pagination> | 361 | </el-pagination> |
| 420 | </div> | 362 | </div> |
| 363 | |||
| 421 | </div> | 364 | </div> |
| 422 | </div> | 365 | </div> |
| 423 | <script src="./js/widget.js"></script> | 366 | <script src="./js/widget.js"></script> | ... | ... |
| ... | @@ -66,6 +66,139 @@ var self = new Vue({ | ... | @@ -66,6 +66,139 @@ var self = new Vue({ |
| 66 | handleCurrentChange(){}, | 66 | handleCurrentChange(){}, |
| 67 | click(val){ | 67 | click(val){ |
| 68 | this.isActive = val | 68 | this.isActive = val |
| 69 | }, | ||
| 70 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
| 71 | var unique = uuid(); | ||
| 72 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
| 73 | url += 'stats=' + _stats; | ||
| 74 | url += '&flowid=' + flowId; | ||
| 75 | url += '&create=' + (projectId ? 1 : 0); | ||
| 76 | url += '&projectid=' + (projectId || ""); | ||
| 77 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
| 78 | url += '&uniquePath=' + unique; | ||
| 79 | window.open(this.handleJumpUrl(url)); | ||
| 80 | this.addFlowUserCount(flowId); | ||
| 81 | }, | ||
| 82 | addFlowUserCount (flowId) { | ||
| 83 | if (flowId === null || flowId === undefined) { | ||
| 84 | return false; | ||
| 85 | } | ||
| 86 | |||
| 87 | ajaxPromise({ | ||
| 88 | data: JSON.stringify({"flowId": flowId,"userId": userId}), | ||
| 89 | contentType: "application/json", | ||
| 90 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
| 91 | }).catch((error)=> { | ||
| 92 | console.error(error); | ||
| 93 | }); | ||
| 94 | }, | ||
| 95 | handleJumpUrl(url){ | ||
| 96 | var myid = "guid" + guid(); | ||
| 97 | var tempArr = url.split("?"); | ||
| 98 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
| 99 | var urlValue = tempArr[1]; | ||
| 100 | var cacheUrlValue = null; | ||
| 101 | var data = { | ||
| 102 | paramUrl:urlValue, | ||
| 103 | ftoken:$.cookie('ftoken') | ||
| 104 | }; | ||
| 105 | if(window.globalLocalCache){ | ||
| 106 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
| 107 | } | ||
| 108 | return returnStr; | ||
| 109 | }, | ||
| 110 | S4() { | ||
| 111 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
| 112 | }, | ||
| 113 | guid() { | ||
| 114 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
| 115 | }, | ||
| 116 | clickData(row, column, event){ | ||
| 117 | // console.log(row, column, event) | ||
| 118 | alert(1111) | ||
| 119 | }, | ||
| 120 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
| 121 | // debugger | ||
| 122 | var unique = this.uuid(); | ||
| 123 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
| 124 | url += 'stats=' + _stats; | ||
| 125 | url += '&flowid=' + flowId; | ||
| 126 | url += '&create=' + (this.projectId ? 1 : 0); | ||
| 127 | url += '&projectid=' + (this.projectId || ""); | ||
| 128 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
| 129 | url += '&uniquePath=' + unique; | ||
| 130 | window.open(this.handleJumpUrl(url)); | ||
| 131 | this.addFlowUserCount(flowId); | ||
| 132 | }, | ||
| 133 | addFlowUserCount (flowId) { | ||
| 134 | if (flowId === null || flowId === undefined) { | ||
| 135 | return false; | ||
| 136 | } | ||
| 137 | |||
| 138 | this.ajaxPromise({ | ||
| 139 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
| 140 | contentType: "application/json", | ||
| 141 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
| 142 | }).catch((error)=> { | ||
| 143 | console.error(error); | ||
| 144 | }); | ||
| 145 | }, | ||
| 146 | handleJumpUrl(url){ | ||
| 147 | var myid = "guid" + this.guid(); | ||
| 148 | var tempArr = url.split("?"); | ||
| 149 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
| 150 | var urlValue = tempArr[1]; | ||
| 151 | var cacheUrlValue = null; | ||
| 152 | var data = { | ||
| 153 | paramUrl:urlValue, | ||
| 154 | ftoken:$.cookie('ftoken') | ||
| 155 | }; | ||
| 156 | if(window.globalLocalCache){ | ||
| 157 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
| 158 | } | ||
| 159 | return returnStr; | ||
| 160 | }, | ||
| 161 | S4() { | ||
| 162 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
| 163 | }, | ||
| 164 | guid() { | ||
| 165 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
| 166 | }, | ||
| 167 | uuid(){ | ||
| 168 | var s = []; | ||
| 169 | var hexDigits = "0123456789abcdef"; | ||
| 170 | for (var i = 0; i < 36; i++) { | ||
| 171 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
| 172 | } | ||
| 173 | s[14] = "4"; | ||
| 174 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
| 175 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
| 176 | |||
| 177 | var uuid = s.join(""); | ||
| 178 | return uuid; | ||
| 179 | }, | ||
| 180 | ajaxPromise(options) { | ||
| 181 | return new Promise(function (resolve, reject) { | ||
| 182 | if ( typeof options !== "object" ) { | ||
| 183 | return reject("参数错误!"); | ||
| 184 | } | ||
| 185 | let _type = options.type || "POST"; | ||
| 186 | //'application/json' | ||
| 187 | $.ajax({ | ||
| 188 | type: _type, | ||
| 189 | url: options.url, | ||
| 190 | data: options.data, | ||
| 191 | dataType: options.dataType, | ||
| 192 | contentType: options.contentType, | ||
| 193 | headers: {"token":$.cookie('ftoken') }, | ||
| 194 | success: function(result){ | ||
| 195 | resolve(result); | ||
| 196 | }, | ||
| 197 | error: function (error) { | ||
| 198 | reject(error); | ||
| 199 | } | ||
| 200 | }); | ||
| 201 | }) | ||
| 69 | } | 202 | } |
| 70 | } | 203 | } |
| 71 | }) | 204 | }) |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
| 8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
| 9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
| 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
| 11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
| 12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
| 13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
| 14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
| 11 | <style> | 15 | <style> |
| 12 | .contanier{ | 16 | .contanier{ |
| 13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
| ... | @@ -29,11 +33,11 @@ | ... | @@ -29,11 +33,11 @@ |
| 29 | cursor: pointer; | 33 | cursor: pointer; |
| 30 | } | 34 | } |
| 31 | .optspan:hover{ | 35 | .optspan:hover{ |
| 32 | color:#05C6B4 | 36 | color:#409EFF |
| 33 | } | 37 | } |
| 34 | .select{ | 38 | .select{ |
| 35 | color:#05C6B4; | 39 | color:#409EFF; |
| 36 | border-bottom:5px solid #05C6B4 | 40 | border-bottom:5px solid #409EFF |
| 37 | } | 41 | } |
| 38 | .el-table{ | 42 | .el-table{ |
| 39 | margin-top: 20px; | 43 | margin-top: 20px; |
| ... | @@ -62,12 +66,17 @@ | ... | @@ -62,12 +66,17 @@ |
| 62 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> | 66 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> |
| 63 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> | 67 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> |
| 64 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> | 68 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> |
| 65 | <span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span> | ||
| 66 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> | 69 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> |
| 67 | </div> | 70 | </div> |
| 71 | <div style="line-height: 37px;margin-left: -100px"> | ||
| 72 | <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
| 73 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | ||
| 74 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
| 75 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | ||
| 76 | </div> | ||
| 68 | <div style="float: right"> | 77 | <div style="float: right"> |
| 69 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> | 78 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> |
| 70 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button> |
| 71 | </div> | 80 | </div> |
| 72 | </div> | 81 | </div> |
| 73 | <!-- 表格区域--> | 82 | <!-- 表格区域--> |
| ... | @@ -79,6 +88,7 @@ | ... | @@ -79,6 +88,7 @@ |
| 79 | border | 88 | border |
| 80 | stripe | 89 | stripe |
| 81 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 90 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
| 91 | @row-click="clickData" | ||
| 82 | > | 92 | > |
| 83 | <el-table-column | 93 | <el-table-column |
| 84 | type="selection" | 94 | type="selection" |
| ... | @@ -146,6 +156,7 @@ | ... | @@ -146,6 +156,7 @@ |
| 146 | border | 156 | border |
| 147 | stripe | 157 | stripe |
| 148 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 158 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
| 159 | @row-click="clickData" | ||
| 149 | > | 160 | > |
| 150 | <el-table-column | 161 | <el-table-column |
| 151 | type="selection" | 162 | type="selection" |
| ... | @@ -213,73 +224,7 @@ | ... | @@ -213,73 +224,7 @@ |
| 213 | border | 224 | border |
| 214 | stripe | 225 | stripe |
| 215 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 226 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
| 216 | > | 227 | @row-click="clickData" |
| 217 | <el-table-column | ||
| 218 | type="selection" | ||
| 219 | width="55"> | ||
| 220 | </el-table-column> | ||
| 221 | <el-table-column | ||
| 222 | prop="xh" | ||
| 223 | label="序号" | ||
| 224 | width="55"> | ||
| 225 | </el-table-column> | ||
| 226 | <el-table-column | ||
| 227 | prop="ajmc" | ||
| 228 | width="300" | ||
| 229 | label="案件名称" | ||
| 230 | align="center" | ||
| 231 | ></el-table-column> | ||
| 232 | <el-table-column | ||
| 233 | prop="anlx" | ||
| 234 | label="案件类型" | ||
| 235 | align="center" | ||
| 236 | width="100" | ||
| 237 | > | ||
| 238 | </el-table-column> | ||
| 239 | <el-table-column | ||
| 240 | prop="zrdw" | ||
| 241 | label="责任单位" | ||
| 242 | align="center" | ||
| 243 | width="200" | ||
| 244 | > | ||
| 245 | </el-table-column> | ||
| 246 | <el-table-column | ||
| 247 | prop="ssqy" | ||
| 248 | label="所属区域" | ||
| 249 | align="center" | ||
| 250 | width="200" | ||
| 251 | > | ||
| 252 | </el-table-column> | ||
| 253 | <el-table-column | ||
| 254 | prop="ljr" | ||
| 255 | label="来件人" | ||
| 256 | align="center" | ||
| 257 | width="400" | ||
| 258 | > | ||
| 259 | </el-table-column> | ||
| 260 | <el-table-column | ||
| 261 | prop="djsh" | ||
| 262 | label="登记时间" | ||
| 263 | align="center" | ||
| 264 | width="200" | ||
| 265 | > | ||
| 266 | </el-table-column> | ||
| 267 | <el-table-column | ||
| 268 | prop="jssi" | ||
| 269 | label="接受时间" | ||
| 270 | align="center" | ||
| 271 | width="200" | ||
| 272 | > | ||
| 273 | </el-table-column> | ||
| 274 | </el-table> | ||
| 275 | <el-table | ||
| 276 | v-if="isActive==4" | ||
| 277 | :data="tabaledata" | ||
| 278 | style="width: 100%;" | ||
| 279 | height="100%" | ||
| 280 | border | ||
| 281 | stripe | ||
| 282 | :default-sort = "{prop: 'xh', order: 'ascending'}" | ||
| 283 | > | 228 | > |
| 284 | <el-table-column | 229 | <el-table-column |
| 285 | type="selection" | 230 | type="selection" |
| ... | @@ -347,6 +292,7 @@ | ... | @@ -347,6 +292,7 @@ |
| 347 | border | 292 | border |
| 348 | stripe | 293 | stripe |
| 349 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 294 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
| 295 | @row-click="clickData" | ||
| 350 | > | 296 | > |
| 351 | <el-table-column | 297 | <el-table-column |
| 352 | type="selection" | 298 | type="selection" | ... | ... |
| ... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
| 3 | data(){ | 3 | data(){ |
| 4 | return { | 4 | return { |
| 5 | search:'', | 5 | search:'', |
| 6 | projectId:null, | ||
| 7 | userId:null, | ||
| 6 | // 表格数据 | 8 | // 表格数据 |
| 7 | tabaledata:[ | 9 | tabaledata:[ |
| 8 | { | 10 | { |
| ... | @@ -66,6 +68,89 @@ var self = new Vue({ | ... | @@ -66,6 +68,89 @@ var self = new Vue({ |
| 66 | handleCurrentChange(){}, | 68 | handleCurrentChange(){}, |
| 67 | click(val){ | 69 | click(val){ |
| 68 | this.isActive = val | 70 | this.isActive = val |
| 71 | }, | ||
| 72 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
| 73 | // debugger | ||
| 74 | var unique = this.uuid(); | ||
| 75 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
| 76 | url += 'stats=' + _stats; | ||
| 77 | url += '&flowid=' + flowId; | ||
| 78 | url += '&create=' + (this.projectId ? 1 : 0); | ||
| 79 | url += '&projectid=' + (this.projectId || ""); | ||
| 80 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
| 81 | url += '&uniquePath=' + unique; | ||
| 82 | window.open(this.handleJumpUrl(url)); | ||
| 83 | this.addFlowUserCount(flowId); | ||
| 84 | }, | ||
| 85 | addFlowUserCount (flowId) { | ||
| 86 | if (flowId === null || flowId === undefined) { | ||
| 87 | return false; | ||
| 88 | } | ||
| 89 | |||
| 90 | this.ajaxPromise({ | ||
| 91 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
| 92 | contentType: "application/json", | ||
| 93 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
| 94 | }).catch((error)=> { | ||
| 95 | console.error(error); | ||
| 96 | }); | ||
| 97 | }, | ||
| 98 | handleJumpUrl(url){ | ||
| 99 | var myid = "guid" + this.guid(); | ||
| 100 | var tempArr = url.split("?"); | ||
| 101 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
| 102 | var urlValue = tempArr[1]; | ||
| 103 | var cacheUrlValue = null; | ||
| 104 | var data = { | ||
| 105 | paramUrl:urlValue, | ||
| 106 | ftoken:$.cookie('ftoken') | ||
| 107 | }; | ||
| 108 | if(window.globalLocalCache){ | ||
| 109 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
| 110 | } | ||
| 111 | return returnStr; | ||
| 112 | }, | ||
| 113 | S4() { | ||
| 114 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
| 115 | }, | ||
| 116 | guid() { | ||
| 117 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
| 118 | }, | ||
| 119 | uuid(){ | ||
| 120 | var s = []; | ||
| 121 | var hexDigits = "0123456789abcdef"; | ||
| 122 | for (var i = 0; i < 36; i++) { | ||
| 123 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
| 124 | } | ||
| 125 | s[14] = "4"; | ||
| 126 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
| 127 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
| 128 | |||
| 129 | var uuid = s.join(""); | ||
| 130 | return uuid; | ||
| 131 | }, | ||
| 132 | ajaxPromise(options) { | ||
| 133 | return new Promise(function (resolve, reject) { | ||
| 134 | if ( typeof options !== "object" ) { | ||
| 135 | return reject("参数错误!"); | ||
| 136 | } | ||
| 137 | let _type = options.type || "POST"; | ||
| 138 | //'application/json' | ||
| 139 | $.ajax({ | ||
| 140 | type: _type, | ||
| 141 | url: options.url, | ||
| 142 | data: options.data, | ||
| 143 | dataType: options.dataType, | ||
| 144 | contentType: options.contentType, | ||
| 145 | headers: {"token":$.cookie('ftoken') }, | ||
| 146 | success: function(result){ | ||
| 147 | resolve(result); | ||
| 148 | }, | ||
| 149 | error: function (error) { | ||
| 150 | reject(error); | ||
| 151 | } | ||
| 152 | }); | ||
| 153 | }) | ||
| 69 | } | 154 | } |
| 70 | } | 155 | } |
| 71 | }) | 156 | }) |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
| 8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
| 9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
| 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
| 11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
| 12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
| 13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
| 14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
| 11 | <style> | 15 | <style> |
| 12 | .contanier{ | 16 | .contanier{ |
| 13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
| ... | @@ -29,11 +33,11 @@ | ... | @@ -29,11 +33,11 @@ |
| 29 | cursor: pointer; | 33 | cursor: pointer; |
| 30 | } | 34 | } |
| 31 | .optspan:hover{ | 35 | .optspan:hover{ |
| 32 | color:#05C6B4 | 36 | color:#409EFF |
| 33 | } | 37 | } |
| 34 | .select{ | 38 | .select{ |
| 35 | color:#05C6B4; | 39 | color:#409EFF; |
| 36 | border-bottom:5px solid #05C6B4 | 40 | border-bottom:5px solid #409EFF |
| 37 | } | 41 | } |
| 38 | .el-table{ | 42 | .el-table{ |
| 39 | margin-top: 20px; | 43 | margin-top: 20px; |
| ... | @@ -62,12 +66,17 @@ | ... | @@ -62,12 +66,17 @@ |
| 62 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> | 66 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> |
| 63 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> | 67 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> |
| 64 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> | 68 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> |
| 65 | <span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span> | ||
| 66 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> | 69 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> |
| 67 | </div> | 70 | </div> |
| 71 | <div style="line-height: 37px;margin-left: -100px"> | ||
| 72 | <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
| 73 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | ||
| 74 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
| 75 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | ||
| 76 | </div> | ||
| 68 | <div style="float: right"> | 77 | <div style="float: right"> |
| 69 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> | 78 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> |
| 70 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button> |
| 71 | </div> | 80 | </div> |
| 72 | </div> | 81 | </div> |
| 73 | <!-- 表格区域--> | 82 | <!-- 表格区域--> |
| ... | @@ -273,73 +282,6 @@ | ... | @@ -273,73 +282,6 @@ |
| 273 | </el-table-column> | 282 | </el-table-column> |
| 274 | </el-table> | 283 | </el-table> |
| 275 | <el-table | 284 | <el-table |
| 276 | v-if="isActive==4" | ||
| 277 | :data="tabaledata" | ||
| 278 | style="width: 100%;" | ||
| 279 | height="100%" | ||
| 280 | border | ||
| 281 | stripe | ||
| 282 | :default-sort = "{prop: 'xh', order: 'ascending'}" | ||
| 283 | > | ||
| 284 | <el-table-column | ||
| 285 | type="selection" | ||
| 286 | width="55"> | ||
| 287 | </el-table-column> | ||
| 288 | <el-table-column | ||
| 289 | prop="xh" | ||
| 290 | label="序号" | ||
| 291 | width="55"> | ||
| 292 | </el-table-column> | ||
| 293 | <el-table-column | ||
| 294 | prop="ajmc" | ||
| 295 | width="300" | ||
| 296 | label="案件名称" | ||
| 297 | align="center" | ||
| 298 | ></el-table-column> | ||
| 299 | <el-table-column | ||
| 300 | prop="anlx" | ||
| 301 | label="案件类型" | ||
| 302 | align="center" | ||
| 303 | width="100" | ||
| 304 | > | ||
| 305 | </el-table-column> | ||
| 306 | <el-table-column | ||
| 307 | prop="zrdw" | ||
| 308 | label="责任单位" | ||
| 309 | align="center" | ||
| 310 | width="200" | ||
| 311 | > | ||
| 312 | </el-table-column> | ||
| 313 | <el-table-column | ||
| 314 | prop="ssqy" | ||
| 315 | label="所属区域" | ||
| 316 | align="center" | ||
| 317 | width="200" | ||
| 318 | > | ||
| 319 | </el-table-column> | ||
| 320 | <el-table-column | ||
| 321 | prop="ljr" | ||
| 322 | label="来件人" | ||
| 323 | align="center" | ||
| 324 | width="400" | ||
| 325 | > | ||
| 326 | </el-table-column> | ||
| 327 | <el-table-column | ||
| 328 | prop="djsh" | ||
| 329 | label="登记时间" | ||
| 330 | align="center" | ||
| 331 | width="200" | ||
| 332 | > | ||
| 333 | </el-table-column> | ||
| 334 | <el-table-column | ||
| 335 | prop="jssi" | ||
| 336 | label="接受时间" | ||
| 337 | align="center" | ||
| 338 | width="200" | ||
| 339 | > | ||
| 340 | </el-table-column> | ||
| 341 | </el-table> | ||
| 342 | <el-table | ||
| 343 | v-if="isActive==5" | 285 | v-if="isActive==5" |
| 344 | :data="tabaledata" | 286 | :data="tabaledata" |
| 345 | style="width: 100%;" | 287 | style="width: 100%;" | ... | ... |
| ... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
| 3 | data(){ | 3 | data(){ |
| 4 | return { | 4 | return { |
| 5 | search:'', | 5 | search:'', |
| 6 | projectId:null, | ||
| 7 | userId:null, | ||
| 6 | // 表格数据 | 8 | // 表格数据 |
| 7 | tabaledata:[ | 9 | tabaledata:[ |
| 8 | { | 10 | { |
| ... | @@ -66,6 +68,89 @@ var self = new Vue({ | ... | @@ -66,6 +68,89 @@ var self = new Vue({ |
| 66 | handleCurrentChange(){}, | 68 | handleCurrentChange(){}, |
| 67 | click(val){ | 69 | click(val){ |
| 68 | this.isActive = val | 70 | this.isActive = val |
| 71 | }, | ||
| 72 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
| 73 | // debugger | ||
| 74 | var unique = this.uuid(); | ||
| 75 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
| 76 | url += 'stats=' + _stats; | ||
| 77 | url += '&flowid=' + flowId; | ||
| 78 | url += '&create=' + (this.projectId ? 1 : 0); | ||
| 79 | url += '&projectid=' + (this.projectId || ""); | ||
| 80 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
| 81 | url += '&uniquePath=' + unique; | ||
| 82 | window.open(this.handleJumpUrl(url)); | ||
| 83 | this.addFlowUserCount(flowId); | ||
| 84 | }, | ||
| 85 | addFlowUserCount (flowId) { | ||
| 86 | if (flowId === null || flowId === undefined) { | ||
| 87 | return false; | ||
| 88 | } | ||
| 89 | |||
| 90 | this.ajaxPromise({ | ||
| 91 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
| 92 | contentType: "application/json", | ||
| 93 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
| 94 | }).catch((error)=> { | ||
| 95 | console.error(error); | ||
| 96 | }); | ||
| 97 | }, | ||
| 98 | handleJumpUrl(url){ | ||
| 99 | var myid = "guid" + this.guid(); | ||
| 100 | var tempArr = url.split("?"); | ||
| 101 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
| 102 | var urlValue = tempArr[1]; | ||
| 103 | var cacheUrlValue = null; | ||
| 104 | var data = { | ||
| 105 | paramUrl:urlValue, | ||
| 106 | ftoken:$.cookie('ftoken') | ||
| 107 | }; | ||
| 108 | if(window.globalLocalCache){ | ||
| 109 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
| 110 | } | ||
| 111 | return returnStr; | ||
| 112 | }, | ||
| 113 | S4() { | ||
| 114 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
| 115 | }, | ||
| 116 | guid() { | ||
| 117 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
| 118 | }, | ||
| 119 | uuid(){ | ||
| 120 | var s = []; | ||
| 121 | var hexDigits = "0123456789abcdef"; | ||
| 122 | for (var i = 0; i < 36; i++) { | ||
| 123 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
| 124 | } | ||
| 125 | s[14] = "4"; | ||
| 126 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
| 127 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
| 128 | |||
| 129 | var uuid = s.join(""); | ||
| 130 | return uuid; | ||
| 131 | }, | ||
| 132 | ajaxPromise(options) { | ||
| 133 | return new Promise(function (resolve, reject) { | ||
| 134 | if ( typeof options !== "object" ) { | ||
| 135 | return reject("参数错误!"); | ||
| 136 | } | ||
| 137 | let _type = options.type || "POST"; | ||
| 138 | //'application/json' | ||
| 139 | $.ajax({ | ||
| 140 | type: _type, | ||
| 141 | url: options.url, | ||
| 142 | data: options.data, | ||
| 143 | dataType: options.dataType, | ||
| 144 | contentType: options.contentType, | ||
| 145 | headers: {"token":$.cookie('ftoken') }, | ||
| 146 | success: function(result){ | ||
| 147 | resolve(result); | ||
| 148 | }, | ||
| 149 | error: function (error) { | ||
| 150 | reject(error); | ||
| 151 | } | ||
| 152 | }); | ||
| 153 | }) | ||
| 69 | } | 154 | } |
| 70 | } | 155 | } |
| 71 | }) | 156 | }) |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
| 8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
| 9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
| 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
| 11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
| 12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
| 13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
| 14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
| 11 | <style> | 15 | <style> |
| 12 | .contanier{ | 16 | .contanier{ |
| 13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
| ... | @@ -30,11 +34,11 @@ | ... | @@ -30,11 +34,11 @@ |
| 30 | cursor: pointer; | 34 | cursor: pointer; |
| 31 | } | 35 | } |
| 32 | .optspan:hover{ | 36 | .optspan:hover{ |
| 33 | color:#05C6B4 | 37 | color:#409EFF |
| 34 | } | 38 | } |
| 35 | .select{ | 39 | .select{ |
| 36 | color:#05C6B4; | 40 | color:#409EFF; |
| 37 | border-bottom:5px solid #05C6B4 | 41 | border-bottom:5px solid #409EFF |
| 38 | } | 42 | } |
| 39 | .el-table{ | 43 | .el-table{ |
| 40 | margin-top: 20px; | 44 | margin-top: 20px; |
| ... | @@ -69,12 +73,17 @@ | ... | @@ -69,12 +73,17 @@ |
| 69 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> | 73 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> |
| 70 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> | 74 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> |
| 71 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> | 75 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> |
| 72 | <span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span> | ||
| 73 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> | 76 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> |
| 74 | </div> | 77 | </div> |
| 78 | <div style="line-height: 37px;margin-left: -100px"> | ||
| 79 | <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
| 80 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | ||
| 81 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
| 82 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | ||
| 83 | </div> | ||
| 75 | <div style="float: right"> | 84 | <div style="float: right"> |
| 76 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> | 85 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> |
| 77 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 86 | <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button> |
| 78 | </div> | 87 | </div> |
| 79 | </div> | 88 | </div> |
| 80 | <!-- 表格区域--> | 89 | <!-- 表格区域--> |
| ... | @@ -280,73 +289,6 @@ | ... | @@ -280,73 +289,6 @@ |
| 280 | </el-table-column> | 289 | </el-table-column> |
| 281 | </el-table> | 290 | </el-table> |
| 282 | <el-table | 291 | <el-table |
| 283 | v-if="isActive==4" | ||
| 284 | :data="tabaledata" | ||
| 285 | style="width: 100%;" | ||
| 286 | height="100%" | ||
| 287 | border | ||
| 288 | stripe | ||
| 289 | :default-sort = "{prop: 'xh', order: 'ascending'}" | ||
| 290 | > | ||
| 291 | <el-table-column | ||
| 292 | type="selection" | ||
| 293 | width="55"> | ||
| 294 | </el-table-column> | ||
| 295 | <el-table-column | ||
| 296 | prop="xh" | ||
| 297 | label="序号" | ||
| 298 | width="55"> | ||
| 299 | </el-table-column> | ||
| 300 | <el-table-column | ||
| 301 | prop="ajmc" | ||
| 302 | width="300" | ||
| 303 | label="案件名称" | ||
| 304 | align="center" | ||
| 305 | ></el-table-column> | ||
| 306 | <el-table-column | ||
| 307 | prop="anlx" | ||
| 308 | label="案件类型" | ||
| 309 | align="center" | ||
| 310 | width="100" | ||
| 311 | > | ||
| 312 | </el-table-column> | ||
| 313 | <el-table-column | ||
| 314 | prop="zrdw" | ||
| 315 | label="责任单位" | ||
| 316 | align="center" | ||
| 317 | width="200" | ||
| 318 | > | ||
| 319 | </el-table-column> | ||
| 320 | <el-table-column | ||
| 321 | prop="ssqy" | ||
| 322 | label="所属区域" | ||
| 323 | align="center" | ||
| 324 | width="200" | ||
| 325 | > | ||
| 326 | </el-table-column> | ||
| 327 | <el-table-column | ||
| 328 | prop="ljr" | ||
| 329 | label="来件人" | ||
| 330 | align="center" | ||
| 331 | width="400" | ||
| 332 | > | ||
| 333 | </el-table-column> | ||
| 334 | <el-table-column | ||
| 335 | prop="djsh" | ||
| 336 | label="登记时间" | ||
| 337 | align="center" | ||
| 338 | width="200" | ||
| 339 | > | ||
| 340 | </el-table-column> | ||
| 341 | <el-table-column | ||
| 342 | prop="jssi" | ||
| 343 | label="接受时间" | ||
| 344 | align="center" | ||
| 345 | width="200" | ||
| 346 | > | ||
| 347 | </el-table-column> | ||
| 348 | </el-table> | ||
| 349 | <el-table | ||
| 350 | v-if="isActive==5" | 292 | v-if="isActive==5" |
| 351 | :data="tabaledata" | 293 | :data="tabaledata" |
| 352 | style="width: 100%;" | 294 | style="width: 100%;" | ... | ... |
| ... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
| 3 | data(){ | 3 | data(){ |
| 4 | return { | 4 | return { |
| 5 | search:'', | 5 | search:'', |
| 6 | projectId:null, | ||
| 7 | userId:null, | ||
| 6 | // 表格数据 | 8 | // 表格数据 |
| 7 | tabaledata:[ | 9 | tabaledata:[ |
| 8 | { | 10 | { |
| ... | @@ -100,6 +102,89 @@ var self = new Vue({ | ... | @@ -100,6 +102,89 @@ var self = new Vue({ |
| 100 | handleSizeChange(){ | 102 | handleSizeChange(){ |
| 101 | 103 | ||
| 102 | }, | 104 | }, |
| 103 | handleCurrentChange(){} | 105 | handleCurrentChange(){}, |
| 106 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
| 107 | // debugger | ||
| 108 | var unique = this.uuid(); | ||
| 109 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
| 110 | url += 'stats=' + _stats; | ||
| 111 | url += '&flowid=' + flowId; | ||
| 112 | url += '&create=' + (this.projectId ? 1 : 0); | ||
| 113 | url += '&projectid=' + (this.projectId || ""); | ||
| 114 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
| 115 | url += '&uniquePath=' + unique; | ||
| 116 | window.open(this.handleJumpUrl(url)); | ||
| 117 | this.addFlowUserCount(flowId); | ||
| 118 | }, | ||
| 119 | addFlowUserCount (flowId) { | ||
| 120 | if (flowId === null || flowId === undefined) { | ||
| 121 | return false; | ||
| 122 | } | ||
| 123 | |||
| 124 | this.ajaxPromise({ | ||
| 125 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
| 126 | contentType: "application/json", | ||
| 127 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
| 128 | }).catch((error)=> { | ||
| 129 | console.error(error); | ||
| 130 | }); | ||
| 131 | }, | ||
| 132 | handleJumpUrl(url){ | ||
| 133 | var myid = "guid" + this.guid(); | ||
| 134 | var tempArr = url.split("?"); | ||
| 135 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
| 136 | var urlValue = tempArr[1]; | ||
| 137 | var cacheUrlValue = null; | ||
| 138 | var data = { | ||
| 139 | paramUrl:urlValue, | ||
| 140 | ftoken:$.cookie('ftoken') | ||
| 141 | }; | ||
| 142 | if(window.globalLocalCache){ | ||
| 143 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
| 144 | } | ||
| 145 | return returnStr; | ||
| 146 | }, | ||
| 147 | S4() { | ||
| 148 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
| 149 | }, | ||
| 150 | guid() { | ||
| 151 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
| 152 | }, | ||
| 153 | uuid(){ | ||
| 154 | var s = []; | ||
| 155 | var hexDigits = "0123456789abcdef"; | ||
| 156 | for (var i = 0; i < 36; i++) { | ||
| 157 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
| 158 | } | ||
| 159 | s[14] = "4"; | ||
| 160 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
| 161 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
| 162 | |||
| 163 | var uuid = s.join(""); | ||
| 164 | return uuid; | ||
| 165 | }, | ||
| 166 | ajaxPromise(options) { | ||
| 167 | return new Promise(function (resolve, reject) { | ||
| 168 | if ( typeof options !== "object" ) { | ||
| 169 | return reject("参数错误!"); | ||
| 170 | } | ||
| 171 | let _type = options.type || "POST"; | ||
| 172 | //'application/json' | ||
| 173 | $.ajax({ | ||
| 174 | type: _type, | ||
| 175 | url: options.url, | ||
| 176 | data: options.data, | ||
| 177 | dataType: options.dataType, | ||
| 178 | contentType: options.contentType, | ||
| 179 | headers: {"token":$.cookie('ftoken') }, | ||
| 180 | success: function(result){ | ||
| 181 | resolve(result); | ||
| 182 | }, | ||
| 183 | error: function (error) { | ||
| 184 | reject(error); | ||
| 185 | } | ||
| 186 | }); | ||
| 187 | }) | ||
| 188 | } | ||
| 104 | } | 189 | } |
| 105 | }) | 190 | }) |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
| 8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
| 9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
| 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
| 11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
| 12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
| 13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
| 14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
| 11 | <style> | 15 | <style> |
| 12 | .contanier{ | 16 | .contanier{ |
| 13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
| ... | @@ -19,6 +23,7 @@ | ... | @@ -19,6 +23,7 @@ |
| 19 | } | 23 | } |
| 20 | .el-input{ | 24 | .el-input{ |
| 21 | margin-top:15px; | 25 | margin-top:15px; |
| 26 | margin-left:-100px; | ||
| 22 | } | 27 | } |
| 23 | .el-button{ | 28 | .el-button{ |
| 24 | margin-top: 20px; | 29 | margin-top: 20px; |
| ... | @@ -40,19 +45,42 @@ | ... | @@ -40,19 +45,42 @@ |
| 40 | .el-table__row{ | 45 | .el-table__row{ |
| 41 | cursor: pointer; | 46 | cursor: pointer; |
| 42 | } | 47 | } |
| 48 | .btns{ | ||
| 49 | width: 73px; | ||
| 50 | height: 30px; | ||
| 51 | border-radius: 2px; | ||
| 52 | background-color: white; | ||
| 53 | border: 1px solid #0096eb; | ||
| 54 | color: #0096eb; | ||
| 55 | cursor: pointer; | ||
| 56 | padding: 4px 10px; | ||
| 57 | margin-right: 7px; | ||
| 58 | outline: 0; | ||
| 59 | } | ||
| 60 | .btns:hover{ | ||
| 61 | background: #0096eb; | ||
| 62 | color: #fff; | ||
| 63 | } | ||
| 64 | .el-col-5{ | ||
| 65 | margin-top:20px | ||
| 66 | } | ||
| 43 | </style> | 67 | </style> |
| 44 | </head> | 68 | </head> |
| 45 | <body> | 69 | <body> |
| 46 | <div id="app"> | 70 | <div id="app"> |
| 47 | <div class='contanier'> | 71 | <div class='contanier'> |
| 48 | <el-row :gutter="20"> | 72 | <el-row :gutter="20"> |
| 49 | <el-col :span="6"> | 73 | <el-col :span="5"> |
| 50 | <el-input v-model="search" placeholder="请输入查询内容"></el-input> | 74 | <!-- <button class="btns">查询</button>--> |
| 75 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> | ||
| 76 | <button class="btns">删除</button> | ||
| 51 | </el-col> | 77 | </el-col> |
| 52 | <el-col :span="10"> | 78 | <el-col :span="6"> |
| 53 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-input v-model="search" placeholder="请输入查询内容" suffix-icon="el-icon-search"></el-input> |
| 54 | <el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button> | 80 | <!-- 等完成后调节--> |
| 55 | <el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button> | 81 | <!-- <img id="searchBtn"--> |
| 82 | <!-- src="../../../../image/projecttask/search.png"--> | ||
| 83 | <!-- style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;" />--> | ||
| 56 | </el-col> | 84 | </el-col> |
| 57 | </el-row> | 85 | </el-row> |
| 58 | <!-- 列表区域--> | 86 | <!-- 列表区域--> | ... | ... |
| ... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
| 3 | data(){ | 3 | data(){ |
| 4 | return { | 4 | return { |
| 5 | search:'', | 5 | search:'', |
| 6 | projectId:null, | ||
| 7 | userId:null, | ||
| 6 | // 表格数据 | 8 | // 表格数据 |
| 7 | tabaledata:[ | 9 | tabaledata:[ |
| 8 | { | 10 | { |
| ... | @@ -14,6 +16,7 @@ var self = new Vue({ | ... | @@ -14,6 +16,7 @@ var self = new Vue({ |
| 14 | tdyt:'住宅', | 16 | tdyt:'住宅', |
| 15 | zrdw:'高新分局', | 17 | zrdw:'高新分局', |
| 16 | ssqy:'高新分局', | 18 | ssqy:'高新分局', |
| 19 | cjsj:'2020-07-05' | ||
| 17 | }, | 20 | }, |
| 18 | { | 21 | { |
| 19 | xmbh:'QJ202000028', | 22 | xmbh:'QJ202000028', |
| ... | @@ -24,6 +27,7 @@ var self = new Vue({ | ... | @@ -24,6 +27,7 @@ var self = new Vue({ |
| 24 | tdyt:'商铺', | 27 | tdyt:'商铺', |
| 25 | zrdw:'高新分局', | 28 | zrdw:'高新分局', |
| 26 | ssqy:'高新分局', | 29 | ssqy:'高新分局', |
| 30 | cjsj:'2020-07-05' | ||
| 27 | }, | 31 | }, |
| 28 | { | 32 | { |
| 29 | xmbh:'QJ202000028', | 33 | xmbh:'QJ202000028', |
| ... | @@ -34,6 +38,7 @@ var self = new Vue({ | ... | @@ -34,6 +38,7 @@ var self = new Vue({ |
| 34 | tdyt:'商铺', | 38 | tdyt:'商铺', |
| 35 | zrdw:'高新分局', | 39 | zrdw:'高新分局', |
| 36 | ssqy:'高新分局', | 40 | ssqy:'高新分局', |
| 41 | cjsj:'2020-07-05' | ||
| 37 | }, | 42 | }, |
| 38 | { | 43 | { |
| 39 | xmbh:'QJ202000028', | 44 | xmbh:'QJ202000028', |
| ... | @@ -44,6 +49,7 @@ var self = new Vue({ | ... | @@ -44,6 +49,7 @@ var self = new Vue({ |
| 44 | tdyt:'商铺', | 49 | tdyt:'商铺', |
| 45 | zrdw:'高新分局', | 50 | zrdw:'高新分局', |
| 46 | ssqy:'高新分局', | 51 | ssqy:'高新分局', |
| 52 | cjsj:'2020-07-05' | ||
| 47 | }, | 53 | }, |
| 48 | { | 54 | { |
| 49 | xmbh:'QJ202000028', | 55 | xmbh:'QJ202000028', |
| ... | @@ -54,6 +60,40 @@ var self = new Vue({ | ... | @@ -54,6 +60,40 @@ var self = new Vue({ |
| 54 | tdyt:'商铺', | 60 | tdyt:'商铺', |
| 55 | zrdw:'高新分局', | 61 | zrdw:'高新分局', |
| 56 | ssqy:'高新分局', | 62 | ssqy:'高新分局', |
| 63 | cjsj:'2020-07-05' | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | xmbh:'QJ202000028', | ||
| 67 | xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
| 68 | djbh:'GX3-18-25', | ||
| 69 | ydmj:'87.608', | ||
| 70 | zdwz:'高新区纬二十六路以北,西太路以西,纬二十四路以北', | ||
| 71 | tdyt:'商铺', | ||
| 72 | zrdw:'高新分局', | ||
| 73 | ssqy:'高新分局', | ||
| 74 | cjsj:'2020-07-05' | ||
| 75 | }, | ||
| 76 | { | ||
| 77 | xmbh:'QJ202000028', | ||
| 78 | xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
| 79 | djbh:'GX3-18-25', | ||
| 80 | ydmj:'87.608', | ||
| 81 | zdwz:'高新区纬二十六路以北,西太路以西,纬二十四路以北', | ||
| 82 | tdyt:'商铺', | ||
| 83 | zrdw:'高新分局', | ||
| 84 | ssqy:'高新分局', | ||
| 85 | cjsj:'2020-07-05' | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | xmbh:'QJ202000028', | ||
| 89 | xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
| 90 | djbh:'GX3-18-25', | ||
| 91 | ydmj:'87.608', | ||
| 92 | zdwz:'高新区纬二十六路以北,西太路以西,纬二十四路以北', | ||
| 93 | tdyt:'商铺', | ||
| 94 | zrdw:'碑林分局', | ||
| 95 | ssqy:'碑林分局', | ||
| 96 | cjsj:'2020-07-05' | ||
| 57 | }, | 97 | }, |
| 58 | ] | 98 | ] |
| 59 | } | 99 | } |
| ... | @@ -62,6 +102,89 @@ var self = new Vue({ | ... | @@ -62,6 +102,89 @@ var self = new Vue({ |
| 62 | handleSizeChange(){ | 102 | handleSizeChange(){ |
| 63 | 103 | ||
| 64 | }, | 104 | }, |
| 65 | handleCurrentChange(){} | 105 | handleCurrentChange(){}, |
| 106 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
| 107 | // debugger | ||
| 108 | var unique = this.uuid(); | ||
| 109 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
| 110 | url += 'stats=' + _stats; | ||
| 111 | url += '&flowid=' + flowId; | ||
| 112 | url += '&create=' + (this.projectId ? 1 : 0); | ||
| 113 | url += '&projectid=' + (this.projectId || ""); | ||
| 114 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
| 115 | url += '&uniquePath=' + unique; | ||
| 116 | window.open(this.handleJumpUrl(url)); | ||
| 117 | this.addFlowUserCount(flowId); | ||
| 118 | }, | ||
| 119 | addFlowUserCount (flowId) { | ||
| 120 | if (flowId === null || flowId === undefined) { | ||
| 121 | return false; | ||
| 122 | } | ||
| 123 | |||
| 124 | this.ajaxPromise({ | ||
| 125 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
| 126 | contentType: "application/json", | ||
| 127 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
| 128 | }).catch((error)=> { | ||
| 129 | console.error(error); | ||
| 130 | }); | ||
| 131 | }, | ||
| 132 | handleJumpUrl(url){ | ||
| 133 | var myid = "guid" + this.guid(); | ||
| 134 | var tempArr = url.split("?"); | ||
| 135 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
| 136 | var urlValue = tempArr[1]; | ||
| 137 | var cacheUrlValue = null; | ||
| 138 | var data = { | ||
| 139 | paramUrl:urlValue, | ||
| 140 | ftoken:$.cookie('ftoken') | ||
| 141 | }; | ||
| 142 | if(window.globalLocalCache){ | ||
| 143 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
| 144 | } | ||
| 145 | return returnStr; | ||
| 146 | }, | ||
| 147 | S4() { | ||
| 148 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
| 149 | }, | ||
| 150 | guid() { | ||
| 151 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
| 152 | }, | ||
| 153 | uuid(){ | ||
| 154 | var s = []; | ||
| 155 | var hexDigits = "0123456789abcdef"; | ||
| 156 | for (var i = 0; i < 36; i++) { | ||
| 157 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
| 158 | } | ||
| 159 | s[14] = "4"; | ||
| 160 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
| 161 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
| 162 | |||
| 163 | var uuid = s.join(""); | ||
| 164 | return uuid; | ||
| 165 | }, | ||
| 166 | ajaxPromise(options) { | ||
| 167 | return new Promise(function (resolve, reject) { | ||
| 168 | if ( typeof options !== "object" ) { | ||
| 169 | return reject("参数错误!"); | ||
| 170 | } | ||
| 171 | let _type = options.type || "POST"; | ||
| 172 | //'application/json' | ||
| 173 | $.ajax({ | ||
| 174 | type: _type, | ||
| 175 | url: options.url, | ||
| 176 | data: options.data, | ||
| 177 | dataType: options.dataType, | ||
| 178 | contentType: options.contentType, | ||
| 179 | headers: {"token":$.cookie('ftoken') }, | ||
| 180 | success: function(result){ | ||
| 181 | resolve(result); | ||
| 182 | }, | ||
| 183 | error: function (error) { | ||
| 184 | reject(error); | ||
| 185 | } | ||
| 186 | }); | ||
| 187 | }) | ||
| 188 | } | ||
| 66 | } | 189 | } |
| 67 | }) | 190 | }) |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
| 8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
| 9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
| 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
| 11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
| 12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
| 13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
| 14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
| 11 | <style> | 15 | <style> |
| 12 | .contanier{ | 16 | .contanier{ |
| 13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
| ... | @@ -19,6 +23,7 @@ | ... | @@ -19,6 +23,7 @@ |
| 19 | } | 23 | } |
| 20 | .el-input{ | 24 | .el-input{ |
| 21 | margin-top:15px; | 25 | margin-top:15px; |
| 26 | margin-left:-100px; | ||
| 22 | } | 27 | } |
| 23 | .el-button{ | 28 | .el-button{ |
| 24 | margin-top: 20px; | 29 | margin-top: 20px; |
| ... | @@ -40,19 +45,38 @@ | ... | @@ -40,19 +45,38 @@ |
| 40 | .el-table__row{ | 45 | .el-table__row{ |
| 41 | cursor: pointer; | 46 | cursor: pointer; |
| 42 | } | 47 | } |
| 48 | .btns{ | ||
| 49 | width: 73px; | ||
| 50 | height: 30px; | ||
| 51 | border-radius: 2px; | ||
| 52 | background-color: white; | ||
| 53 | border: 1px solid #0096eb; | ||
| 54 | color: #0096eb; | ||
| 55 | cursor: pointer; | ||
| 56 | padding: 4px 10px; | ||
| 57 | margin-right: 7px; | ||
| 58 | outline: 0; | ||
| 59 | } | ||
| 60 | .btns:hover{ | ||
| 61 | background: #0096eb; | ||
| 62 | color: #fff; | ||
| 63 | } | ||
| 64 | .el-col-5{ | ||
| 65 | margin-top:20px | ||
| 66 | } | ||
| 43 | </style> | 67 | </style> |
| 44 | </head> | 68 | </head> |
| 45 | <body> | 69 | <body> |
| 46 | <div id="app"> | 70 | <div id="app"> |
| 47 | <div class='contanier'> | 71 | <div class='contanier'> |
| 48 | <el-row :gutter="20"> | 72 | <el-row :gutter="20"> |
| 49 | <el-col :span="6"> | 73 | <el-col :span="5"> |
| 50 | <el-input v-model="search" placeholder="请输入查询内容"></el-input> | 74 | <!-- <button class="btns">查询</button>--> |
| 75 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> | ||
| 76 | <button class="btns">删除</button> | ||
| 51 | </el-col> | 77 | </el-col> |
| 52 | <el-col :span="10"> | 78 | <el-col :span="6"> |
| 53 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-input v-model="search" placeholder="请输入查询内容" suffix-icon="el-icon-search"></el-input> |
| 54 | <el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button> | ||
| 55 | <el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button> | ||
| 56 | </el-col> | 80 | </el-col> |
| 57 | </el-row> | 81 | </el-row> |
| 58 | <!-- 列表区域--> | 82 | <!-- 列表区域--> | ... | ... |
-
Please register or sign in to post a comment