增加违法数据的项目管理页面的表单页面,和联调了该页面的所有接口工作。
Showing
4 changed files
with
454 additions
and
202 deletions
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 | .container{ | ||
17 | width: 100vh; | ||
18 | height: 100vh; | ||
19 | background: #ccc; | ||
20 | margin: -20px 10px 0 10px | ||
21 | } | ||
22 | .btns{ | ||
23 | width: 73px; | ||
24 | height: 30px; | ||
25 | border-radius: 2px; | ||
26 | background-color: white; | ||
27 | border: 1px solid #0096eb; | ||
28 | color: #0096eb; | ||
29 | cursor: pointer; | ||
30 | padding: 4px 10px; | ||
31 | margin-right: 7px; | ||
32 | outline: 0; | ||
33 | } | ||
34 | .btns:hover{ | ||
35 | background: #0096eb; | ||
36 | color: #fff; | ||
37 | } | ||
38 | .fixedtoolbar{ | ||
39 | position: fixed; | ||
40 | top: 0; | ||
41 | width: 100%; | ||
42 | background: #ffffff; | ||
43 | padding-left: 20px; | ||
44 | padding-top:20px | ||
45 | } | ||
46 | .el-aside{ | ||
47 | /*background: red;*/ | ||
48 | border: 1px solid #cac8c8 | ||
49 | } | ||
50 | .el-container{ | ||
51 | margin-top: 40px; | ||
52 | padding: 22px 20px 20px 20px; | ||
53 | } | ||
54 | .form-row{ | ||
55 | padding: 0 18px 0 0; | ||
56 | } | ||
57 | .el-input__icon{ | ||
58 | margin-top: 20px; | ||
59 | } | ||
60 | .el-select{ | ||
61 | display: block; | ||
62 | } | ||
63 | .main-top{ | ||
64 | width:100%; | ||
65 | min-height:400px; | ||
66 | border: 1px solid #cac8c8 | ||
67 | } | ||
68 | .main-foot{ | ||
69 | width: 100%; | ||
70 | min-height: 390px; | ||
71 | border: 1px solid #cac8c8; | ||
72 | margin-top:10px; | ||
73 | } | ||
74 | .title-bar{ | ||
75 | width: 100%; | ||
76 | color: #cac8c8; | ||
77 | border-bottom: 1px solid #cac8c8; | ||
78 | font-size: 16px; | ||
79 | font-weight: bold; | ||
80 | margin: 8px 0; | ||
81 | margin-top: 23px; | ||
82 | padding-bottom: 4px; | ||
83 | margin-bottom: 15px; | ||
84 | } | ||
85 | .el-table--fit{ | ||
86 | border:1px solid #cac8c8 !important; | ||
87 | } | ||
88 | </style> | ||
89 | </head> | ||
90 | <body> | ||
91 | <div id="app"> | ||
92 | <div class='contanier'> | ||
93 | <div class="fixedtoolbar" > | ||
94 | <button class="btns" @click="back">返回</button> | ||
95 | <button class="btns" @click="saveData">保存</button> | ||
96 | </div> | ||
97 | <!-- 下方区域--> | ||
98 | <el-container> | ||
99 | <el-aside style="width: 60%;margin-right: 10px;min-height:800px;padding-left: 20px;overflow-x: hidden"> | ||
100 | <el-form ref="form" :model="form"> | ||
101 | <el-row :gutter='5' class="form-row"> | ||
102 | <el-col :span="12"> | ||
103 | <el-form-item label="项目名称"> | ||
104 | <el-input v-model="form.procjectName"></el-input> | ||
105 | </el-form-item> | ||
106 | </el-col> | ||
107 | <el-col :span="12"> | ||
108 | <el-form-item label="责任单位"> | ||
109 | <el-input v-model="form.dutyUnit"></el-input> | ||
110 | </el-form-item> | ||
111 | </el-col> | ||
112 | </el-row> | ||
113 | <el-row class="form-row"> | ||
114 | <el-form-item label="项目地址"> | ||
115 | <el-input v-model="form.procjectAddress"></el-input> | ||
116 | </el-form-item> | ||
117 | </el-row> | ||
118 | <el-row :gutter='5' class="form-row"> | ||
119 | <el-col :span="12"> | ||
120 | <el-form-item label="任务年份"> | ||
121 | <el-input v-model="form.taskYear"></el-input> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="12"> | ||
125 | <el-form-item label="所属区域" > | ||
126 | <el-select v-model="form.distict" clearable placeholder="请选择"> | ||
127 | <el-option | ||
128 | v-for="item in distictList" | ||
129 | :key="item.distict" | ||
130 | :label="item.label" | ||
131 | :value="item.distict" | ||
132 | ></el-option> | ||
133 | </el-select> | ||
134 | </el-form-item> | ||
135 | </el-col> | ||
136 | </el-row> | ||
137 | <el-row > | ||
138 | <el-col :span="12"> | ||
139 | <el-form-item label="进展阶段"> | ||
140 | <el-select v-model="form.evdlveStage" clearable placeholder="请选择"> | ||
141 | <el-option | ||
142 | v-for="item in evdlveStageList" | ||
143 | :key="item.evdlveStage" | ||
144 | :label="item.label" | ||
145 | :value="item.evdlveStage" | ||
146 | > | ||
147 | </el-option> | ||
148 | </el-select> | ||
149 | </el-form-item> | ||
150 | </el-col> | ||
151 | </el-row> | ||
152 | <el-row> | ||
153 | <el-col> | ||
154 | <el-form-item label="项目概况"> | ||
155 | <el-input type="textarea" v-model="form.procjectOverview"></el-input> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | </el-row> | ||
159 | <el-row> | ||
160 | <el-col> | ||
161 | <el-form-item label="建设内容"> | ||
162 | <el-input type="textarea" v-model="form.content"></el-input> | ||
163 | </el-form-item> | ||
164 | </el-col> | ||
165 | </el-row> | ||
166 | <el-row> | ||
167 | <el-col> | ||
168 | <el-form-item label="进展情况"> | ||
169 | <el-input type="textarea" v-model="form.progress"></el-input> | ||
170 | </el-form-item> | ||
171 | </el-col> | ||
172 | </el-row> | ||
173 | </el-form> | ||
174 | </el-aside> | ||
175 | <el-main style="padding:0 10px 0 0"> | ||
176 | <div class="main-top">123</div> | ||
177 | <div class="main-foot"> | ||
178 | <div class="title-bar">相关资料</div> | ||
179 | <div style="padding-left: 5px;"> | ||
180 | <button class="btns" @click="clicktitle('图片')">图片</button> | ||
181 | <button class="btns" @click="clicktitle('文档')">文档</button> | ||
182 | <el-upload | ||
183 | style="float:right;" | ||
184 | class="upload-demo" | ||
185 | action="https://jsonplaceholder.typicode.com/posts/" | ||
186 | :on-preview="handlePreview" | ||
187 | :on-remove="handleRemove" | ||
188 | :before-remove="beforeRemove" | ||
189 | multiple | ||
190 | :limit="3" | ||
191 | :on-exceed="handleExceed" | ||
192 | > | ||
193 | <button class="btns" style="width: 80px" >选择{{FloatRightTitle}}</button> | ||
194 | </el-upload> | ||
195 | </div> | ||
196 | <div style="margin: 5px"> | ||
197 | <el-table | ||
198 | v-if="FloatRightTitle=='图片'" | ||
199 | :data="imgtabaledata" | ||
200 | border | ||
201 | stripe | ||
202 | > | ||
203 | <el-table-column | ||
204 | prop="wjmc" | ||
205 | width="250" | ||
206 | label="文件名称" | ||
207 | align="left" | ||
208 | ></el-table-column> | ||
209 | <el-table-column | ||
210 | prop="size" | ||
211 | width="50" | ||
212 | label="大小" | ||
213 | align="center" | ||
214 | ></el-table-column> | ||
215 | <el-table-column | ||
216 | prop="scsj" | ||
217 | width="250" | ||
218 | label="上传时间" | ||
219 | align="center" | ||
220 | ></el-table-column> | ||
221 | <el-table-column | ||
222 | prop="" | ||
223 | width="95" | ||
224 | label="操作" | ||
225 | align="center" | ||
226 | ></el-table-column> | ||
227 | </el-table> | ||
228 | <el-table | ||
229 | v-else | ||
230 | :data="filetabeldata" | ||
231 | > | ||
232 | <el-table-column | ||
233 | prop="wjmc" | ||
234 | width="250" | ||
235 | label="文件名称" | ||
236 | align="left" | ||
237 | ></el-table-column> | ||
238 | <el-table-column | ||
239 | prop="size" | ||
240 | width="50" | ||
241 | label="大小" | ||
242 | align="center" | ||
243 | ></el-table-column> | ||
244 | <el-table-column | ||
245 | prop="scsj" | ||
246 | width="250" | ||
247 | label="上传时间" | ||
248 | align="center" | ||
249 | ></el-table-column> | ||
250 | <el-table-column | ||
251 | prop="" | ||
252 | width="95" | ||
253 | label="操作" | ||
254 | align="center" | ||
255 | ></el-table-column> | ||
256 | </el-table> | ||
257 | </div> | ||
258 | </div> | ||
259 | </el-main> | ||
260 | </el-container> | ||
261 | </div> | ||
262 | </div> | ||
263 | <script src="./sonjs/widget.js"></script> | ||
264 | </body> | ||
265 | </html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -9,34 +9,7 @@ var self = new Vue({ | ... | @@ -9,34 +9,7 @@ var self = new Vue({ |
9 | pageSize:10, | 9 | pageSize:10, |
10 | total:0, | 10 | total:0, |
11 | // 表格数据 | 11 | // 表格数据 |
12 | tabaledata:[ | 12 | tabaledata:[], |
13 | { | ||
14 | xmmc:'西安电子工程小区改造', | ||
15 | xmdz:'长安区丰西路', | ||
16 | rwnf:'2020', | ||
17 | zrdw:'西安电子工程研究所', | ||
18 | ssqy:'所属区域', | ||
19 | zdmj:'2600', | ||
20 | jzmj:"5000", | ||
21 | ds:'7', | ||
22 | hs:'313', | ||
23 | hjrs:'1000', | ||
24 | jzjd:'完成改造', | ||
25 | }, | ||
26 | { | ||
27 | xmmc:'和平门小区工程小区改造', | ||
28 | xmdz:'长安区丰西路', | ||
29 | rwnf:'2020', | ||
30 | zrdw:'西安电子工程研究所', | ||
31 | ssqy:'所属区域', | ||
32 | zdmj:'2600', | ||
33 | jzmj:"5000", | ||
34 | ds:'7', | ||
35 | hs:'313', | ||
36 | hjrs:'1000', | ||
37 | jzjd:'完成改造', | ||
38 | }, | ||
39 | ], | ||
40 | multipleSelection: [] | 13 | multipleSelection: [] |
41 | } | 14 | } |
42 | }, | 15 | }, |
... | @@ -51,74 +24,55 @@ var self = new Vue({ | ... | @@ -51,74 +24,55 @@ var self = new Vue({ |
51 | } | 24 | } |
52 | }, | 25 | }, |
53 | methods:{ | 26 | methods:{ |
27 | //数据请求 | ||
54 | getData() { | 28 | getData() { |
55 | axios.get(CONF_NEWGHSC_SERVERURL + '/ghjg/backlog/'+this.pageNum+'/'+this.pageSize, { | 29 | axios.get(CONF_NEWGHSC_SERVERURL + '/wfsj/list',{ |
56 | params: { | 30 | params:{ |
57 | flowid: this.flowid, | 31 | pageNum:this.pageNum, |
58 | userId: this.userid, | 32 | pageSize:this.pageSize, |
59 | keyword: this.search | 33 | keyWord:this.search |
60 | } | 34 | } |
61 | }).then(res => { | 35 | }).then(res => { |
62 | this.total=res.data.total; | 36 | if(res && res.data && res.data.code==200){ |
63 | let data=res.data.data.Data; | 37 | this.tabaledata = res.data.data.list; |
64 | let result =[] | 38 | this.total = res.data.data.total |
65 | if(data.length){ | ||
66 | for (let i=0;i<data.length;i++){ | ||
67 | for (let j=0;j<data[i].length;j++){ | ||
68 | result.push( data[i][[j]]); | ||
69 | } | ||
70 | } | ||
71 | } | 39 | } |
72 | this.total = result.length; | 40 | }).catch(err=>{ |
73 | this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); | 41 | console.log(err) |
74 | }).catch(res=>{ | ||
75 | console.log(res) | ||
76 | }); | 42 | }); |
77 | 43 | ||
78 | }, | 44 | }, |
79 | clickData(row){ | 45 | clickData(row){ |
80 | this.jumpdetailPage(row) | 46 | // console.log(row) |
47 | let id = row.id; | ||
48 | window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/Sonwidget.html?id='+id; | ||
81 | }, | 49 | }, |
82 | //点击删除 | 50 | //点击删除 |
83 | handlDelete(){ | 51 | handlDelete(){ |
84 | if(this.multipleSelection.length!=1){ | 52 | if(this.multipleSelection.length < 1){ |
85 | this.$message.warning('请先选择需要删除的数据') | 53 | this.$message.warning('请先选择需要删除的数据') |
86 | return false | 54 | return false |
87 | } | 55 | } |
56 | let params =[]; | ||
57 | this.multipleSelection.forEach(item=>{ | ||
58 | params.push(item.id) | ||
59 | }) | ||
60 | axios.delete(CONF_NEWGHSC_SERVERURL + '/wfsj/phqgz',{data:params}).then(res=>{ | ||
61 | if(res && res.data && res.data.code ==200){ | ||
88 | this.$message.success('删除数据成功') | 62 | this.$message.success('删除数据成功') |
63 | } | ||
64 | this.getData() | ||
65 | } | ||
66 | ) | ||
89 | }, | 67 | }, |
90 | //点击表格的多选框 | 68 | //点击表格的多选框 |
91 | handleSelectionChange(val){ | 69 | handleSelectionChange(val){ |
92 | this.multipleSelection = val | 70 | this.multipleSelection = val |
71 | console.log(this.multipleSelection) | ||
93 | }, | 72 | }, |
94 | //搜索事件 | 73 | //搜索事件 |
95 | SearchInfo(){ | 74 | SearchInfo(){ |
96 | if(!this.search){ | 75 | this.getData() |
97 | this.$message.warning('请先输入关键字后轻敲Enter键搜索') | ||
98 | } | ||
99 | }, | ||
100 | jumpdetailPage(data) { | ||
101 | var taskid = data.TASKID; | ||
102 | var detailType = data.detailType; | ||
103 | var projectid = data.id; | ||
104 | var flowInstanceId =data.INSTANCEID; | ||
105 | var titleEncode = encodeURI(encodeURI(data.PROJECTNAME)); | ||
106 | var stats = 'dealedproject'; | ||
107 | var projecttype = data.FLOWNAME; | ||
108 | var PROJECTSTATUS = encodeURI(encodeURI(data.PROJECTSTATUS)); | ||
109 | var FLOWREVISIONID = data.FLOWREVISIONID; | ||
110 | var projectcode = data.PROJECTCODE; | ||
111 | var flowItemTypeKvStr = data.FLOWITEMTYPE?"&flowItemTypeId=" + data.FLOWITEMTYPE:""; | ||
112 | var version = data.FLOWVERSION; | ||
113 | var layerid=""; | ||
114 | var coverage=""; | ||
115 | var url = CONF_FRONT_SERVERURL | ||
116 | + 'view/projecttask/detailproject.jsp?projectid=' + projectid + "&referer=''&stats=" | ||
117 | + stats +"&projectcode="+projectcode+"&taskId=" + taskid + "&flowInstanceId=" + flowInstanceId+'&titleEncode=' | ||
118 | + titleEncode + "&projectStatus=" + PROJECTSTATUS+"&flowRevisionId="+FLOWREVISIONID+flowItemTypeKvStr+"&FLOWVERSION="+version+"&detailType="+detailType; | ||
119 | |||
120 | detailPage = window.open(this.handleJumpUrl(url)); | ||
121 | parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); | ||
122 | }, | 76 | }, |
123 | handleSizeChange(pageSize){ | 77 | handleSizeChange(pageSize){ |
124 | this.pageSize = pageSize | 78 | this.pageSize = pageSize |
... | @@ -128,88 +82,9 @@ var self = new Vue({ | ... | @@ -128,88 +82,9 @@ var self = new Vue({ |
128 | this.pageNum = pageNum | 82 | this.pageNum = pageNum |
129 | this.getData() | 83 | this.getData() |
130 | }, | 84 | }, |
131 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | 85 | //点击添加 |
132 | // debugger | 86 | AddNewPage(){ |
133 | var unique = this.uuid(); | 87 | window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/Sonwidget.html'; |
134 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
135 | url += 'stats=' + _stats; | ||
136 | url += '&flowid=' + flowId; | ||
137 | url += '&create=' + (this.projectId ? 1 : 0); | ||
138 | url += '&projectid=' + (this.projectId || ""); | ||
139 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
140 | url += '&uniquePath=' + unique; | ||
141 | window.open(this.handleJumpUrl(url)); | ||
142 | this.addFlowUserCount(flowId); | ||
143 | }, | 88 | }, |
144 | addFlowUserCount (flowId) { | ||
145 | if (flowId === null || flowId === undefined) { | ||
146 | return false; | ||
147 | } | ||
148 | |||
149 | this.ajaxPromise({ | ||
150 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
151 | contentType: "application/json", | ||
152 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
153 | }).catch((error)=> { | ||
154 | console.error(error); | ||
155 | }); | ||
156 | }, | ||
157 | handleJumpUrl(url){ | ||
158 | var myid = "guid" + this.guid(); | ||
159 | var tempArr = url.split("?"); | ||
160 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
161 | var urlValue = tempArr[1]; | ||
162 | var cacheUrlValue = null; | ||
163 | var data = { | ||
164 | paramUrl:urlValue, | ||
165 | ftoken:$.cookie('ftoken') | ||
166 | }; | ||
167 | if(window.globalLocalCache){ | ||
168 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
169 | } | ||
170 | return returnStr; | ||
171 | }, | ||
172 | S4() { | ||
173 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
174 | }, | ||
175 | guid() { | ||
176 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
177 | }, | ||
178 | uuid(){ | ||
179 | var s = []; | ||
180 | var hexDigits = "0123456789abcdef"; | ||
181 | for (var i = 0; i < 36; i++) { | ||
182 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
183 | } | ||
184 | s[14] = "4"; | ||
185 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
186 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
187 | |||
188 | var uuid = s.join(""); | ||
189 | return uuid; | ||
190 | }, | ||
191 | ajaxPromise(options) { | ||
192 | return new Promise(function (resolve, reject) { | ||
193 | if ( typeof options !== "object" ) { | ||
194 | return reject("参数错误!"); | ||
195 | } | ||
196 | let _type = options.type || "POST"; | ||
197 | //'application/json' | ||
198 | $.ajax({ | ||
199 | type: _type, | ||
200 | url: options.url, | ||
201 | data: options.data, | ||
202 | dataType: options.dataType, | ||
203 | contentType: options.contentType, | ||
204 | headers: {"token":$.cookie('ftoken') }, | ||
205 | success: function(result){ | ||
206 | resolve(result); | ||
207 | }, | ||
208 | error: function (error) { | ||
209 | reject(error); | ||
210 | } | ||
211 | }); | ||
212 | }) | ||
213 | } | ||
214 | } | 89 | } |
215 | }) | 90 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | var self = new Vue({ | ||
2 | el:'#app', | ||
3 | data(){ | ||
4 | return { | ||
5 | FloatRightTitle:'图片', | ||
6 | imgtabaledata:[ | ||
7 | { | ||
8 | wjmc:'微信截图.png', | ||
9 | size:'5k', | ||
10 | scsj:'2020-8-06' | ||
11 | }, | ||
12 | { | ||
13 | wjmc:'微信截图.png', | ||
14 | size:'5k', | ||
15 | scsj:'2020-8-06' | ||
16 | } | ||
17 | ], | ||
18 | filetabeldata:[ | ||
19 | { | ||
20 | wjmc:'test.txt', | ||
21 | size:'15k', | ||
22 | scsj:'2020-8-01' | ||
23 | }, | ||
24 | { | ||
25 | wjmc:'违法结果.txt', | ||
26 | size:'10k', | ||
27 | scsj:'2020-8-01' | ||
28 | }, | ||
29 | ], | ||
30 | //所属区域list | ||
31 | distictList:[ | ||
32 | { | ||
33 | distict:'港务区', | ||
34 | label:'港务区' | ||
35 | }, | ||
36 | { | ||
37 | distict:'碑林区', | ||
38 | label:'碑林区' | ||
39 | }, | ||
40 | { | ||
41 | distict:'莲湖区', | ||
42 | label:'莲湖区' | ||
43 | } | ||
44 | ], | ||
45 | //进展阶段list | ||
46 | evdlveStageList:[ | ||
47 | { | ||
48 | evdlveStage:'前期摸底', | ||
49 | label:'前期摸底' | ||
50 | }, | ||
51 | { | ||
52 | evdlveStage:'启动拆迁', | ||
53 | label:'启动拆迁' | ||
54 | }, | ||
55 | { | ||
56 | evdlveStage:'场地平整', | ||
57 | label:'场地平整' | ||
58 | }, | ||
59 | { | ||
60 | evdlveStage:'开工建设', | ||
61 | label:'开工建设' | ||
62 | }, | ||
63 | { | ||
64 | evdlveStage:'工程完工', | ||
65 | label:'工程完工' | ||
66 | }, | ||
67 | { | ||
68 | evdlveStage:'分配回迁', | ||
69 | label:'分配回迁' | ||
70 | }, | ||
71 | ], | ||
72 | form:{ | ||
73 | procjectName:'', //项目名称 | ||
74 | procjectAddress:'', //项目地址 | ||
75 | taskYear:'', //任务年份 | ||
76 | dutyUnit:'', //责任单位 | ||
77 | distict:'', //所属区域 | ||
78 | evdlveStage:'', // 进展阶段 | ||
79 | procjectOverview:'' ,//项目概况 | ||
80 | progress:'',//进展情况 | ||
81 | content:'',// 建设类容 | ||
82 | }, | ||
83 | fromsrcid:'', | ||
84 | } | ||
85 | }, | ||
86 | created(){ | ||
87 | let srcinfo = window.parent.document.getElementById('iframecontent').src; | ||
88 | this.fromsrcid =srcinfo.split('?')[1].split('=')[1] | ||
89 | }, | ||
90 | mounted(){ | ||
91 | this.getdetail() | ||
92 | }, | ||
93 | methods:{ | ||
94 | getdetail(){ | ||
95 | axios.get(CONF_NEWGHSC_SERVERURL +'/wfsj/phqgz' ,{ | ||
96 | params:{ | ||
97 | id:this.fromsrcid | ||
98 | } | ||
99 | }).then(res=>{ | ||
100 | if(res && res.data && res.data.code ==200){ | ||
101 | this.form.procjectName = res.data.data.procjectName | ||
102 | this.form.procjectAddress = res.data.data.procjectAddress | ||
103 | this.form.taskYear = res.data.data.taskYear | ||
104 | this.form.dutyUnit = res.data.data.dutyUnit | ||
105 | this.form.distict = res.data.data.distict | ||
106 | this.form.evdlveStage = res.data.data.evdlveStage | ||
107 | this.form.procjectOverview = res.data.data.procjectOverview | ||
108 | this.form.progress = res.data.data.progress | ||
109 | this.form.content = res.data.data.content | ||
110 | } | ||
111 | }) | ||
112 | }, | ||
113 | //点击返回按钮事件 | ||
114 | back(){ | ||
115 | window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html'; | ||
116 | }, | ||
117 | //保存数据 | ||
118 | saveData(){ | ||
119 | if( this.form.content==""&& this.form.procjectName =='' && this.form.procjectAddress=="" && this.form.taskYear==""&& this.form.dutyUnit==""&& this.form.distict=="" && this.form.evdlveStage==""&& this.form.procjectOverview==""&& this.form.progress==""){ | ||
120 | this.$message.error('请先输入数据进行保存.... ') | ||
121 | return false | ||
122 | } | ||
123 | axios.post(CONF_NEWGHSC_SERVERURL +'/wfsj/phqgz',null ,{ data:this.form }).then(res=>{ | ||
124 | if(res && res.data && res.data.code ==200){ | ||
125 | this.$message.success('新增数据成功') | ||
126 | window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html'; | ||
127 | } | ||
128 | }) | ||
129 | }, | ||
130 | clicktitle(val){ | ||
131 | this.FloatRightTitle = val | ||
132 | }, | ||
133 | handleRemove(file, fileList) { | ||
134 | console.log(file, fileList); | ||
135 | }, | ||
136 | handlePreview(file) { | ||
137 | console.log(file); | ||
138 | }, | ||
139 | handleExceed(files, fileList) { | ||
140 | this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); | ||
141 | }, | ||
142 | beforeRemove(file, fileList) { | ||
143 | return this.$confirm(`确定移除 ${ file.name }?`); | ||
144 | } | ||
145 | } | ||
146 | }) | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -84,6 +84,7 @@ | ... | @@ -84,6 +84,7 @@ |
84 | .el-col-4{ | 84 | .el-col-4{ |
85 | margin-top:20px | 85 | margin-top:20px |
86 | } | 86 | } |
87 | /*将导出按钮注释掉 margin-left 从-40 变成了 -125*/ | ||
87 | .div-search{ | 88 | .div-search{ |
88 | border: 1px solid #cac8c8; | 89 | border: 1px solid #cac8c8; |
89 | border-radius: 2px; | 90 | border-radius: 2px; |
... | @@ -92,7 +93,7 @@ | ... | @@ -92,7 +93,7 @@ |
92 | width: 280px; | 93 | width: 280px; |
93 | height: 30px; | 94 | height: 30px; |
94 | margin-left: 10px; | 95 | margin-left: 10px; |
95 | margin-left: -40px; | 96 | margin-left: -125px; |
96 | margin-top: 18px; | 97 | margin-top: 18px; |
97 | } | 98 | } |
98 | .div-search input{ | 99 | .div-search input{ |
... | @@ -110,9 +111,9 @@ | ... | @@ -110,9 +111,9 @@ |
110 | <el-row :gutter="20"> | 111 | <el-row :gutter="20"> |
111 | <el-col :span="4"> | 112 | <el-col :span="4"> |
112 | <!-- <button class="btns">查询</button>--> | 113 | <!-- <button class="btns">查询</button>--> |
113 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610d86117e3b401611848a8690000')">添加</button> | 114 | <button class="btns" @click="AddNewPage">添加</button> |
114 | <button class="btns" @click="handlDelete">删除</button> | 115 | <button class="btns" @click="handlDelete">删除</button> |
115 | <button class="btns">导出</button> | 116 | <!-- <button class="btns">导出</button>--> |
116 | </el-col> | 117 | </el-col> |
117 | <el-col :span="6"> | 118 | <el-col :span="6"> |
118 | <div class="div-search"> | 119 | <div class="div-search"> |
... | @@ -136,79 +137,44 @@ | ... | @@ -136,79 +137,44 @@ |
136 | width="55"> | 137 | width="55"> |
137 | </el-table-column> | 138 | </el-table-column> |
138 | <el-table-column | 139 | <el-table-column |
139 | prop="xmmc" | 140 | prop="procjectName" |
140 | width="330" | 141 | width="330" |
141 | label="项目名称" | 142 | label="项目名称" |
142 | align="center" | 143 | align="center" |
143 | ></el-table-column> | 144 | ></el-table-column> |
144 | <el-table-column | 145 | <el-table-column |
145 | prop="xmdz" | 146 | prop="procjectAddress" |
146 | label="项目地址" | 147 | label="项目地址" |
147 | align="center" | 148 | align="center" |
148 | width="450" | 149 | width="450" |
149 | > | 150 | > |
150 | </el-table-column> | 151 | </el-table-column> |
151 | <el-table-column | 152 | <el-table-column |
152 | prop="rwnf" | 153 | prop="taskYear" |
153 | label="任务年份" | 154 | label="任务年份" |
154 | align="center" | 155 | align="center" |
155 | width="100" | 156 | width="100" |
156 | > | 157 | > |
157 | </el-table-column> | 158 | </el-table-column> |
158 | <el-table-column | 159 | <el-table-column |
159 | prop="zrdw" | 160 | prop="dutyUnit" |
160 | label="责任单位" | 161 | label="责任单位" |
161 | align="center" | 162 | align="center" |
162 | width="180" | 163 | width="300" |
163 | > | 164 | > |
164 | </el-table-column> | 165 | </el-table-column> |
165 | <el-table-column | 166 | <el-table-column |
166 | prop="ssqy" | 167 | prop="distict" |
167 | label="所属区域" | 168 | label="所属区域" |
168 | align="center" | 169 | align="center" |
169 | width="200" | 170 | width="200" |
170 | > | 171 | > |
171 | </el-table-column> | 172 | </el-table-column> |
172 | <el-table-column | 173 | <el-table-column |
173 | prop="zdmj" | 174 | prop="evdlveStage" |
174 | label="占地面积" | ||
175 | align="center" | ||
176 | width="150" | ||
177 | > | ||
178 | </el-table-column> | ||
179 | <el-table-column | ||
180 | prop="jzmj" | ||
181 | label="建筑面积" | ||
182 | align="center" | ||
183 | width="100" | ||
184 | > | ||
185 | </el-table-column> | ||
186 | <el-table-column | ||
187 | prop="ds" | ||
188 | label="栋数" | ||
189 | align="center" | ||
190 | width="100" | ||
191 | > | ||
192 | </el-table-column> | ||
193 | <el-table-column | ||
194 | prop="hs" | ||
195 | label="户数" | ||
196 | align="center" | ||
197 | width="100" | ||
198 | > | ||
199 | </el-table-column> | ||
200 | <el-table-column | ||
201 | prop="hjrs" | ||
202 | label="惠及人数" | ||
203 | align="center" | ||
204 | width="100" | ||
205 | > | ||
206 | </el-table-column> | ||
207 | <el-table-column | ||
208 | prop="jzjd" | ||
209 | label="进展阶段" | 175 | label="进展阶段" |
210 | align="center" | 176 | align="center" |
211 | width="100" | 177 | width="275" |
212 | > | 178 | > |
213 | </el-table-column> | 179 | </el-table-column> |
214 | </el-table> | 180 | </el-table> | ... | ... |
-
Please register or sign in to post a comment