Skip to content

蔡永松 / fontweb-dc

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

新增违法数据中项目管理和项目汇报的页面，整体优化风格样式，联调部分接口

1 parent cc477340
Inline Side-by-side
Showing 4 changed files with 367 additions and 76 deletions
...@@ -5,70 +5,99 @@ var self = new Vue({ ...@@ -5,70 +5,99 @@ var self = new Vue({
5 search:'', 5 search:'',
6 projectId:null, 6 projectId:null,
7 userId:null, 7 userId:null,
8 total:5,
8 // 表格数据 9 // 表格数据
9 tabaledata:[ 10 tabaledata:[
10 { 11 {
11 xh:'1', 12 xmmc:'西安电子工程小区改造',
12 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）', 13 xmdz:'长安区丰西路',
13 anlx:'批后', 14 rwnf:'2020',
14 zrdw:'高新分局', 15 zrdw:'西安电子工程研究所',
15 ssqy:'高新', 16 ssqy:'所属区域',
16 ljr:'向小华', 17 zdmj:'2600',
17 djsh:'2020-07-05', 18 jzmj:"5000",
18 jssi:'2020-07-05', 19 ds:'7',
20 hs:'313',
21 hjrs:'1000',
22 jzjd:'完成改造',
19 }, 23 },
20 { 24 {
21 xh:'2', 25 xmmc:'和平门小区工程小区改造',
22 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）', 26 xmdz:'长安区丰西路',
23 anlx:'批后', 27 rwnf:'2020',
24 zrdw:'高新分局', 28 zrdw:'西安电子工程研究所',
25 ssqy:'高新', 29 ssqy:'所属区域',
26 ljr:'向小华', 30 zdmj:'2600',
27 djsh:'2020-07-05', 31 jzmj:"5000",
28 jssi:'2020-07-05', 32 ds:'7',
29 }, 33 hs:'313',
30 { 34 hjrs:'1000',
31 xh:'3', 35 jzjd:'完成改造',
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 }, 36 },
60 ], 37 ],
61 isActive:1, 38 multipleSelection: []
62 } 39 }
63 }, 40 },
41 mounted(){
42 this.getData();
43 },
64 methods:{ 44 methods:{
45 getData() {
46 axios.get(CONF_NEWGHSC_SERVERURL + '/ghjg/backlog/'+this.pageNum+'/'+this.pageSize, {
47 params: {
48 flowid: this.flowid,
49 userId: this.userid,
50 keyword: this.search
51 }
52 }).then(res => {
53 this.total=res.data.data.total;
54 this.tabaledata = res.data.data.list;
55 }).catch(res=>{
56 console.log(res)
57 });
58
59 },
60 clickData(row){
61 this.jumpdetailPage(row)
62 },
63 //点击删除
64 handlDelete(){
65 if(this.multipleSelection.length!=1){
66 this.$message.warning('请先选择需要删除的数据')
67 return false
68 }
69 },
70 //点击表格的多选框
71 handleSelectionChange(val){
72 this.multipleSelection = val
73 },
74 jumpdetailPage(data) {
75 var taskid = data.TASKID;
76 var detailType = data.detailType;
77 var projectid = data.id;
78 var flowInstanceId =data.INSTANCEID;
79 var titleEncode = encodeURI(encodeURI(data.PROJECTNAME));
80 var stats = 'dealedproject';
81 var projecttype = data.FLOWNAME;
82 var PROJECTSTATUS = encodeURI(encodeURI(data.PROJECTSTATUS));
83 var FLOWREVISIONID = data.FLOWREVISIONID;
84 var projectcode = data.PROJECTCODE;
85 var flowItemTypeKvStr = data.FLOWITEMTYPE?"&flowItemTypeId=" + data.FLOWITEMTYPE:"";
86 var version = data.FLOWVERSION;
87 var layerid="";
88 var coverage="";
89 var url = CONF_FRONT_SERVERURL
90 + 'view/projecttask/detailproject.jsp?projectid=' + projectid + "&referer=''&stats="
91 + stats +"&projectcode="+projectcode+"&taskId=" + taskid + "&flowInstanceId=" + flowInstanceId+'&titleEncode='
92 + titleEncode + "&projectStatus=" + PROJECTSTATUS+"&flowRevisionId="+FLOWREVISIONID+flowItemTypeKvStr+"&FLOWVERSION="+version+"&detailType="+detailType;
93
94 detailPage = window.open(this.handleJumpUrl(url));
95 parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage);
96 },
65 handleSizeChange(){ 97 handleSizeChange(){
66 98
67 }, 99 },
68 handleCurrentChange(){}, 100 handleCurrentChange(){},
69 click(val){
70 this.isActive = val
71 },
72 openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { 101 openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') {
73 // debugger 102 // debugger
74 var unique = this.uuid(); 103 var unique = this.uuid();
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <title>棚户区改造</title> 5 <title>批后管理待办</title>
6 <script src="/frontweb/common/js/config.js"></script> 6 <script src="/frontweb/common/js/config.js"></script>
7 <link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/> 7 <link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/>
8 <script src="/frontweb/libs/vue/vue.js"></script> 8 <script src="/frontweb/libs/vue/vue.js"></script>
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 width: 280px; 77 width: 280px;
78 height: 30px; 78 height: 30px;
79 margin-left: 10px; 79 margin-left: 10px;
80 margin-left: -120px; 80 margin-left: -40px;
81 margin-top: 18px; 81 margin-top: 18px;
82 } 82 }
83 .div-search input{ 83 .div-search input{
...@@ -96,7 +96,8 @@ ...@@ -96,7 +96,8 @@
96 <el-col :span="4"> 96 <el-col :span="4">
97 <!-- <button class="btns">查询</button>--> 97 <!-- <button class="btns">查询</button>-->
98 <button class="btns" @click="openHandleJumpUrl('t1001_8a8610d86117e3b401611848a8690000')">添加</button> 98 <button class="btns" @click="openHandleJumpUrl('t1001_8a8610d86117e3b401611848a8690000')">添加</button>
99 <button class="btns">删除</button> 99 <button class="btns" @click="handlDelete">删除</button>
100 <button class="btns">导出</button>
100 </el-col> 101 </el-col>
101 <el-col :span="6"> 102 <el-col :span="6">
102 <div class="div-search"> 103 <div class="div-search">
...@@ -113,69 +114,84 @@ ...@@ -113,69 +114,84 @@
113 border 114 border
114 stripe 115 stripe
115 @row-click="clickData" 116 @row-click="clickData"
117 @selection-change="handleSelectionChange"
116 > 118 >
117 <el-table-column 119 <el-table-column
118 type="selection" 120 type="selection"
119 width="55"> 121 width="55">
120 </el-table-column> 122 </el-table-column>
121 <el-table-column 123 <el-table-column
122 prop="xmbh" 124 prop="xmmc"
123 width="130" 125 width="330"
124 label="项目编号" 126 label="项目名称"
125 align="center" 127 align="center"
126 ></el-table-column> 128 ></el-table-column>
127 <el-table-column 129 <el-table-column
128 prop="xmmc" 130 prop="xmdz"
129 label="项目名称" 131 label="项目地址"
130 align="center" 132 align="center"
131 width="450" 133 width="450"
132 > 134 >
133 </el-table-column> 135 </el-table-column>
134 <el-table-column 136 <el-table-column
135 prop="djbh" 137 prop="rwnf"
136 label="地籍编号" 138 label="任务年份"
137 align="center" 139 align="center"
138 width="100" 140 width="100"
139 > 141 >
140 </el-table-column> 142 </el-table-column>
141 <el-table-column 143 <el-table-column
142 prop="ydmj" 144 prop="zrdw"
143 label="用地面积（亩）" 145 label="责任单位"
144 align="center" 146 align="center"
145 width="180" 147 width="180"
146 > 148 >
147 </el-table-column> 149 </el-table-column>
148 <el-table-column 150 <el-table-column
149 prop="zdwz" 151 prop="ssqy"
150 label="宗地位置" 152 label="所属区域"
151 align="center" 153 align="center"
152 width="400" 154 width="200"
153 > 155 >
154 </el-table-column> 156 </el-table-column>
155 <el-table-column 157 <el-table-column
156 prop="tdyt" 158 prop="zdmj"
157 label="土地用途" 159 label="占地面积"
158 align="center" 160 align="center"
159 width="150" 161 width="150"
160 > 162 >
161 </el-table-column> 163 </el-table-column>
162 <el-table-column 164 <el-table-column
163 prop="zrdw" 165 prop="jzmj"
164 label="责任单位" 166 label="建筑面积"
165 align="center" 167 align="center"
166 width="100" 168 width="100"
167 > 169 >
168 </el-table-column> 170 </el-table-column>
169 <el-table-column 171 <el-table-column
170 prop="ssqy" 172 prop="ds"
171 label="所属区域" 173 label="栋数"
174 align="center"
175 width="100"
176 >
177 </el-table-column>
178 <el-table-column
179 prop="hs"
180 label="户数"
181 align="center"
182 width="100"
183 >
184 </el-table-column>
185 <el-table-column
186 prop="hjrs"
187 label="惠及人数"
172 align="center" 188 align="center"
173 width="100" 189 width="100"
174 > 190 >
175 </el-table-column> 191 </el-table-column>
176 <el-table-column 192 <el-table-column
177 prop="cjsj" 193 prop="jzjd"
178 label="创建时间" 194 label="进展阶段"
179 align="center" 195 align="center"
180 width="100" 196 width="100"
181 > 197 >
...@@ -188,14 +204,14 @@ ...@@ -188,14 +204,14 @@
188 <el-pagination 204 <el-pagination
189 @size-change="handleSizeChange" 205 @size-change="handleSizeChange"
190 @current-change="handleCurrentChange" 206 @current-change="handleCurrentChange"
191 :current-page="pageNum" 207 :current-page="1"
192 :page-sizes="[2, 5, 8]" 208 :page-sizes="[2, 5, 8]"
193 :page-size="pageSize" 209 :page-size="1"
194 layout="total, sizes, prev, pager, next, jumper" 210 layout="total, sizes, prev, pager, next, jumper"
195 :total="total"> 211 :total="total">
196 </el-pagination> 212 </el-pagination>
197 </div> 213 </div>
198 </div> 214 </div>
199 <script src="js/widget.js"></script> 215 <script src="./js/widget.js"></script>
200 </body> 216 </body>
201 </html> 217 </html>
...\ 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 fileList: [
6 // {
7 // name: 'food.jpeg',
8 // url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
9 // },
10 // {
11 // name: 'food2.jpeg',
12 // url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
13 // }
14 ],
15 tabaledata:[
16 {
17 wjmc:'碑林区老旧小区改造台账',
18 scsj:'2020年8月3日11:20:45',
19 size:'500k'
20 },
21 {
22 wjmc:'莲湖区老旧小区改造台账',
23 scsj:'2020年8月3日11:20:45',
24 size:'500k'
25 },
26 {
27 wjmc:'新城区老旧小区改造台账',
28 scsj:'2020年8月3日11:20:45',
29 size:'500k'
30 },
31 ],
32 total: 0,
33 pageNum:1,
34 pageSize:1
35
36 };
37 },
38 mounted(){
39 },
40 methods:{
41 handleSizeChange(){},
42 handleCurrentChange(){},
43 handleRemove(file, fileList) {
44 console.log(file, fileList);
45 },
46 handlePreview(file) {
47 console.log(file);
48 },
49 handleExceed(files, fileList) {
50 this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
51 },
52 beforeRemove(file, fileList) {
53 return this.$confirm(`确定移除 ${ file.name }？`);
54 },
55 clickData(){
56
57 },
58 handlePriview(){},
59 handleEdit(){},
60 handleDelete(){}
61 }
62 })
...\ 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 .upload-demo{
17 padding: 0 10px;
18 }
19 .contanier{
20 margin:-20px 10px 0 10px;
21 height:100%;
22 background: #fff;
23 }
24 .el-row{
25 margin-top:20px;
26 }
27 .el-input{
28 margin-top:15px;
29 }
30 .el-button{
31 margin-top: 20px;
32 }
33 .el-table{
34 border: 1px solid #cac8c8;
35 min-height:750px
36 }
37 .el-table th {
38 background:#F2F2F2 !important;
39 }
40 .el-table tbody tr:hover>td {
41 background-color:#EEF9FF!important
42 }
43 .block{
44 float: right;
45 background: #fff;
46 position: fixed;
47 bottom: 15px;
48 right: 11px;
49 }
50 .el-pagination__jump{
51 margin-top: -15px;
52 }
53 .el-table__row{
54 cursor: pointer;
55 }
56 .btns{
57 width: 73px;
58 height: 30px;
59 border-radius: 2px;
60 background-color: white;
61 border: 1px solid #0096eb;
62 color: #0096eb;
63 cursor: pointer;
64 padding: 4px 10px;
65 margin-right: 7px;
66 outline: 0;
67 }
68 .btns:hover{
69 background: #0096eb;
70 color: #fff;
71 }
72 .el-col-4{
73 margin-top:20px
74 }
75 .div-search{
76 border: 1px solid #cac8c8;
77 border-radius: 2px;
78 float: left;
79 margin-right: 10px;
80 width: 280px;
81 height: 30px;
82 margin-left: 10px;
83 margin-left: -40px;
84 margin-top: 18px;
85 }
86 .div-search input{
87 border: none;
88 height: 27px;
89 padding-left: 15px;
90 border-radius: 2px;
91 outline: 0;
92 }
93 </style>
94 </head>
95 <body>
96 <div id="app">
97 <div class='contanier'>
98 <el-row :gutter="20">
99 <!-- <el-col :span="4">-->
100 <!-- <button class="btns" @click="openHandleJumpUrl('t1001_8a8610d86117e3b401611848a8690000')">添加</button>-->
101 <!-- <button class="btns">删除</button>-->
102 <!-- <button class="btns">导出</button>-->
103 <!-- </el-col>-->
104 <!-- <el-col :span="6">-->
105 <!-- <div class="div-search">-->
106 <!-- <input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search">-->
107 <!-- <img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;">-->
108 <!-- </div>-->
109 <!-- </el-col>-->
110 <el-upload
111 class="upload-demo"
112 action="https://jsonplaceholder.typicode.com/posts/"
113 :on-preview="handlePreview"
114 :on-remove="handleRemove"
115 :before-remove="beforeRemove"
116 multiple
117 :limit="3"
118 :on-exceed="handleExceed"
119 :file-list="fileList">
120 <el-button size="small" type="primary">上传文件</el-button>
121 </el-upload>
122 </el-row>
123 <!-- 列表区域-->
124 <el-table
125 :data="tabaledata"
126 style="width: 100%;margin-top:10px;"
127 height="100%"
128 border
129 stripe
130 @row-click="clickData"
131 >
132 <el-table-column
133 type="selection"
134 width="60">
135 </el-table-column>
136 <el-table-column
137 prop="wjmc"
138 width="500"
139 label="文件名称"
140 align="center"
141 ></el-table-column>
142 <el-table-column
143 prop="scsj"
144 label="上传时间"
145 align="center"
146 width="400"
147 >
148 </el-table-column>
149 <el-table-column
150 prop="size"
151 label="大小"
152 align="center"
153 width="250"
154 >
155 </el-table-column>
156 <el-table-column
157 label="操作"
158 align="center"
159 width="500"
160 >
161 <template slot-scope="scope">
162 <button class='btns' @click="handlePriview(scope.row)">预览</button>
163 <button class='btns' @click="handleEdit(scope.row)">下载</button>
164 <button class='btns' @click="handleDelete(scope.row)">删除</button>
165 </template>
166 </el-table-column>
167 </el-table>
168 <!-- 分页区域-->
169 </div>
170 <div class="block">
171 <el-pagination
172 @size-change="handleSizeChange"
173 @current-change="handleCurrentChange"
174 :current-page="pageNum"
175 :page-sizes="[2, 5, 8]"
176 :page-size="pageSize"
177 layout="total, sizes, prev, pager, next, jumper"
178 :total="total">
179 </el-pagination>
180 </div>
181 </div>
182 <script src="./js/widget.js"></script>
183 </body>
184 </html>
...\ No newline at end of file ...\ No newline at end of file