Skip to content

蔡永松 / fontweb-dc

Go to a project
Toggle navigation
Toggle navigation pinning
f5b17abe by 焦小希
Options

增加项目管理页面

1 parent 84eba7be
Inline Side-by-side
Showing 2 changed files with 357 additions and 0 deletions
1 var self = new Vue({
2 el:'#app',
3 data(){
4 return {
5 search:'',
6 projectId:null,
7 userId:null,
8 // 表格数据
9 tabaledata:[
10 {
11 xh:'1',
12 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
13 anlx:'批后',
14 zrdw:'高新分局',
15 ssqy:'高新',
16 ljr:'向小华',
17 djsh:'2020-07-05',
18 jssi:'2020-07-05',
19 },
20 {
21 xh:'2',
22 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
23 anlx:'批后',
24 zrdw:'高新分局',
25 ssqy:'高新',
26 ljr:'向小华',
27 djsh:'2020-07-05',
28 jssi:'2020-07-05',
29 },
30 {
31 xh:'3',
32 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
33 anlx:'批后',
34 zrdw:'高新分局',
35 ssqy:'高新',
36 ljr:'向小华',
37 djsh:'2020-07-05',
38 jssi:'2020-07-05',
39 },
40 {
41 xh:'4',
42 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
43 anlx:'批后',
44 zrdw:'高新分局',
45 ssqy:'高新',
46 ljr:'向小华',
47 djsh:'2020-07-05',
48 jssi:'2020-07-05',
49 },
50 {
51 xh:'5',
52 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
53 anlx:'批后',
54 zrdw:'高新分局',
55 ssqy:'高新',
56 ljr:'向小华',
57 djsh:'2020-07-05',
58 jssi:'2020-07-05',
59 },
60 ],
61 isActive:1,
62 }
63 },
64 methods:{
65 handleSizeChange(){
66
67 },
68 handleCurrentChange(){},
69 click(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 })
154 }
155 }
156 })
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>棚户区改造</title>
6 <script src="/frontweb/common/js/config.js"></script>
7 <link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/>
8 <script src="/frontweb/libs/vue/vue.js"></script>
9 <script src="/frontweb/libs/element/index.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>
15 <style>
16 .contanier{
17 margin:-20px 10px 0 10px;
18 height:100%;
19 background: #fff;
20 }
21 .el-row{
22 margin-top:20px;
23 }
24 .el-input{
25 margin-top:15px;
26 }
27 .el-button{
28 margin-top: 20px;
29 }
30 .el-table{
31 border: 1px solid #cac8c8;
32 min-height:750px
33 }
34 .el-table th {
35 background:#F2F2F2 !important;
36 }
37 .el-table tbody tr:hover>td {
38 background-color:#EEF9FF!important
39 }
40 .block{
41 float: right;
42 background: #fff;
43 position: fixed;
44 bottom: 15px;
45 right: 11px;
46 }
47 .el-pagination__jump{
48 margin-top: -15px;
49 }
50 .el-table__row{
51 cursor: pointer;
52 }
53 .btns{
54 width: 73px;
55 height: 30px;
56 border-radius: 2px;
57 background-color: white;
58 border: 1px solid #0096eb;
59 color: #0096eb;
60 cursor: pointer;
61 padding: 4px 10px;
62 margin-right: 7px;
63 outline: 0;
64 }
65 .btns:hover{
66 background: #0096eb;
67 color: #fff;
68 }
69 .el-col-4{
70 margin-top:20px
71 }
72 .div-search{
73 border: 1px solid #cac8c8;
74 border-radius: 2px;
75 float: left;
76 margin-right: 10px;
77 width: 280px;
78 height: 30px;
79 margin-left: 10px;
80 margin-left: -120px;
81 margin-top: 18px;
82 }
83 .div-search input{
84 border: none;
85 height: 27px;
86 padding-left: 15px;
87 border-radius: 2px;
88 outline: 0;
89 }
90 </style>
91 </head>
92 <body>
93 <div id="app">
94 <div class='contanier'>
95 <el-row :gutter="20">
96 <el-col :span="4">
97 <!-- <button class="btns">查询</button>-->
98 <button class="btns" @click="openHandleJumpUrl('t1001_8a8610d86117e3b401611848a8690000')">添加</button>
99 <button class="btns">删除</button>
100 </el-col>
101 <el-col :span="6">
102 <div class="div-search">
103 <input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search">
104 <img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;">
105 </div>
106 </el-col>
107 </el-row>
108 <!-- 列表区域-->
109 <el-table
110 :data="tabaledata"
111 style="width: 100%;margin-top:10px;"
112 height="100%"
113 border
114 stripe
115 @row-click="clickData"
116 >
117 <el-table-column
118 type="selection"
119 width="55">
120 </el-table-column>
121 <el-table-column
122 prop="xmbh"
123 width="130"
124 label="项目编号"
125 align="center"
126 ></el-table-column>
127 <el-table-column
128 prop="xmmc"
129 label="项目名称"
130 align="center"
131 width="450"
132 >
133 </el-table-column>
134 <el-table-column
135 prop="djbh"
136 label="地籍编号"
137 align="center"
138 width="100"
139 >
140 </el-table-column>
141 <el-table-column
142 prop="ydmj"
143 label="用地面积（亩）"
144 align="center"
145 width="180"
146 >
147 </el-table-column>
148 <el-table-column
149 prop="zdwz"
150 label="宗地位置"
151 align="center"
152 width="400"
153 >
154 </el-table-column>
155 <el-table-column
156 prop="tdyt"
157 label="土地用途"
158 align="center"
159 width="150"
160 >
161 </el-table-column>
162 <el-table-column
163 prop="zrdw"
164 label="责任单位"
165 align="center"
166 width="100"
167 >
168 </el-table-column>
169 <el-table-column
170 prop="ssqy"
171 label="所属区域"
172 align="center"
173 width="100"
174 >
175 </el-table-column>
176 <el-table-column
177 prop="cjsj"
178 label="创建时间"
179 align="center"
180 width="100"
181 >
182 </el-table-column>
183 </el-table>
184 <!-- 分页区域-->
185
186 </div>
187 <div class="block">
188 <el-pagination
189 @size-change="handleSizeChange"
190 @current-change="handleCurrentChange"
191 :current-page="pageNum"
192 :page-sizes="[2, 5, 8]"
193 :page-size="pageSize"
194 layout="total, sizes, prev, pager, next, jumper"
195 :total="total">
196 </el-pagination>
197 </div>
198 </div>
199 <script src="js/widget.js"></script>
200 </body>
201 </html>
...\ No newline at end of file ...\ No newline at end of file