Skip to content

蔡永松 / fontweb-dc

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

增加页面

1 parent bf488b09
Expand all
Inline Side-by-side
Showing 9 changed files with 591 additions and 2 deletions
...@@ -44,7 +44,7 @@ body { ...@@ -44,7 +44,7 @@ body {
44 cursor: pointer; 44 cursor: pointer;
45 text-align: center; 45 text-align: center;
46 46
47 width: 100px; /*导航样式修改 2020年6月12日10点00分 v*/ 47 width: 115px; /*导航样式修改 2020年6月12日10点00分 v*/
48 /*margin: 0 24px; !*导航样式修改 2020年6月12日10点00分 v*!*/ 48 /*margin: 0 24px; !*导航样式修改 2020年6月12日10点00分 v*!*/
49 margin: 0 30px; /*导航样式修改 2020年6月16日10点46分 v*/ 49 margin: 0 30px; /*导航样式修改 2020年6月16日10点46分 v*/
50 } 50 }
...@@ -57,6 +57,7 @@ body { ...@@ -57,6 +57,7 @@ body {
57 /*新需求里背景为黄底，所以注释掉 hyh 2017/9/7 */ 57 /*新需求里背景为黄底，所以注释掉 hyh 2017/9/7 */
58 background-color: repeat-y #fef938; 58 background-color: repeat-y #fef938;
59 border-bottom: 3px solid #fef938; 59 border-bottom: 3px solid #fef938;
60 width: 115px
60 } 61 }
61 62
62 /* .menuitem-selected span{ 63 /* .menuitem-selected span{
......
1 var self = new Vue({ 1 var self = new Vue({
2 el:'#app', 2 el:'#app',
3 data(){ 3 data(){
4 return {} 4 return {
5 search:'',
6 // 表格数据
7 tabaledata:[
8 {
9 xh:'1',
10 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
11 anlx:'批后',
12 zrdw:'高新分局',
13 ssqy:'高新',
14 ljr:'向小华',
15 djsh:'2020-07-05',
16 jssi:'2020-07-05',
17 },
18 {
19 xh:'2',
20 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
21 anlx:'批后',
22 zrdw:'高新分局',
23 ssqy:'高新',
24 ljr:'向小华',
25 djsh:'2020-07-05',
26 jssi:'2020-07-05',
27 },
28 {
29 xh:'3',
30 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
31 anlx:'批后',
32 zrdw:'高新分局',
33 ssqy:'高新',
34 ljr:'向小华',
35 djsh:'2020-07-05',
36 jssi:'2020-07-05',
37 },
38 {
39 xh:'4',
40 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
41 anlx:'批后',
42 zrdw:'高新分局',
43 ssqy:'高新',
44 ljr:'向小华',
45 djsh:'2020-07-05',
46 jssi:'2020-07-05',
47 },
48 {
49 xh:'5',
50 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
51 anlx:'批后',
52 zrdw:'高新分局',
53 ssqy:'高新',
54 ljr:'向小华',
55 djsh:'2020-07-05',
56 jssi:'2020-07-05',
57 },
58 ],
59 isActive:1,
60 }
5 }, 61 },
62 methods:{
63 handleSizeChange(){
64
65 },
66 handleCurrentChange(){},
67 click(val){
68 this.isActive = val
69 }
70 }
6 }) 71 })
...\ 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 search:'',
6 // 表格数据
7 tabaledata:[
8 {
9 xh:'1',
10 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
11 anlx:'双随机',
12 zrdw:'测绘地理信息局',
13 ssqy:'高新',
14 ljr:'向小华',
15 djsh:'2020-07-05',
16 jssi:'2020-07-05',
17 },
18 {
19 xh:'2',
20 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
21 anlx:"双随机",
22 zrdw:'测绘地理信息局',
23 ssqy:'高新',
24 ljr:'向小华',
25 djsh:'2020-07-05',
26 jssi:'2020-07-05',
27 },
28 {
29 xh:'3',
30 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
31 anlx:'双随机',
32 zrdw:'测绘地理信息局',
33 ssqy:'高新',
34 ljr:'向小华',
35 djsh:'2020-07-05',
36 jssi:'2020-07-05',
37 },
38 {
39 xh:'4',
40 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
41 anlx:'双随机',
42 zrdw:'测绘地理信息局',
43 ssqy:'高新',
44 ljr:'向小华',
45 djsh:'2020-07-05',
46 jssi:'2020-07-05',
47 },
48 {
49 xh:'5',
50 ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
51 anlx:'双随机',
52 zrdw:'测绘地理信息局',
53 ssqy:'高新',
54 ljr:'向小华',
55 djsh:'2020-07-05',
56 jssi:'2020-07-05',
57 },
58 ],
59 isActive:1,
60 }
61 },
62 methods:{
63 handleSizeChange(){
64
65 },
66 handleCurrentChange(){},
67 click(val){
68 this.isActive = val
69 }
70 }
71 })
...\ 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 search:'',
6 // 表格数据
7 tabaledata:[
8 {
9 xmbh:'QJ202000027',
10 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
11 djbh:'GX3-18-25',
12 ydmj:'87.608',
13 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以南',
14 tdyt:'住宅',
15 zrdw:'高新分局',
16 ssqy:'高新分局',
17 cjsj:'2020-07-05'
18 },
19 {
20 xmbh:'QJ202000028',
21 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
22 djbh:'GX3-18-25',
23 ydmj:'87.608',
24 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
25 tdyt:'商铺',
26 zrdw:'高新分局',
27 ssqy:'高新分局',
28 cjsj:'2020-07-05'
29 },
30 {
31 xmbh:'QJ202000028',
32 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
33 djbh:'GX3-18-25',
34 ydmj:'87.608',
35 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
36 tdyt:'商铺',
37 zrdw:'高新分局',
38 ssqy:'高新分局',
39 cjsj:'2020-07-05'
40 },
41 {
42 xmbh:'QJ202000028',
43 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
44 djbh:'GX3-18-25',
45 ydmj:'87.608',
46 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
47 tdyt:'商铺',
48 zrdw:'高新分局',
49 ssqy:'高新分局',
50 cjsj:'2020-07-05'
51 },
52 {
53 xmbh:'QJ202000028',
54 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
55 djbh:'GX3-18-25',
56 ydmj:'87.608',
57 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
58 tdyt:'商铺',
59 zrdw:'高新分局',
60 ssqy:'高新分局',
61 cjsj:'2020-07-05'
62 },
63 {
64 xmbh:'QJ202000028',
65 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
66 djbh:'GX3-18-25',
67 ydmj:'87.608',
68 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
69 tdyt:'商铺',
70 zrdw:'高新分局',
71 ssqy:'高新分局',
72 cjsj:'2020-07-05'
73 },
74 {
75 xmbh:'QJ202000028',
76 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
77 djbh:'GX3-18-25',
78 ydmj:'87.608',
79 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
80 tdyt:'商铺',
81 zrdw:'高新分局',
82 ssqy:'高新分局',
83 cjsj:'2020-07-05'
84 },
85 {
86 xmbh:'QJ202000028',
87 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
88 djbh:'GX3-18-25',
89 ydmj:'87.608',
90 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
91 tdyt:'商铺',
92 zrdw:'碑林分局',
93 ssqy:'碑林分局',
94 cjsj:'2020-07-05'
95 },
96 ]
97 }
98 },
99 methods:{
100 handleSizeChange(){
101
102 },
103 handleCurrentChange(){}
104 }
105 })
...\ 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 <style>
12 .contanier{
13 margin:10px 10px 0 10px;
14 height:100%;
15 background: #fff;
16 }
17 .el-row{
18 margin-top:20px;
19 }
20 .el-input{
21 margin-top:15px;
22 }
23 .el-button{
24 margin-top: 20px;
25 }
26 .block{
27 float: right;
28 background: #fff;
29 margin-top: 10px;
30 }
31 .el-pagination__jump{
32 margin-top: -15px;
33 }
34 </style>
35 </head>
36 <body>
37 <div id="app">
38 <div class='contanier'>
39 <el-row :gutter="20">
40 <el-col :span="6">
41 <el-input v-model="search" placeholder="请输入查询内容"></el-input>
42 </el-col>
43 <el-col :span="10">
44 <el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
45 <el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button>
46 <el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button>
47 </el-col>
48 </el-row>
49 <!-- 列表区域-->
50 <el-table
51 :data="tabaledata"
52 style="width: 100%;margin-top:10px;"
53 height="100%"
54 border
55 stripe
56 >
57 <el-table-column
58 type="selection"
59 width="55">
60 </el-table-column>
61 <el-table-column
62 prop="xmbh"
63 width="130"
64 label="项目编号"
65 align="center"
66 ></el-table-column>
67 <el-table-column
68 prop="xmmc"
69 label="项目名称"
70 align="center"
71 width="450"
72 >
73 </el-table-column>
74 <el-table-column
75 prop="djbh"
76 label="地籍编号"
77 align="center"
78 width="100"
79 >
80 </el-table-column>
81 <el-table-column
82 prop="ydmj"
83 label="用地面积（亩）"
84 align="center"
85 width="180"
86 >
87 </el-table-column>
88 <el-table-column
89 prop="zdwz"
90 label="宗地位置"
91 align="center"
92 width="400"
93 >
94 </el-table-column>
95 <el-table-column
96 prop="tdyt"
97 label="土地用途"
98 align="center"
99 width="150"
100 >
101 </el-table-column>
102 <el-table-column
103 prop="zrdw"
104 label="责任单位"
105 align="center"
106 width="100"
107 >
108 </el-table-column>
109 <el-table-column
110 prop="ssqy"
111 label="所属区域"
112 align="center"
113 width="100"
114 >
115 </el-table-column>
116 <el-table-column
117 prop="cjsj"
118 label="创建时间"
119 align="center"
120 width="100"
121 >
122 </el-table-column>
123 </el-table>
124 <!-- 分页区域-->
125 <div class="block">
126 <el-pagination
127 @size-change="handleSizeChange"
128 @current-change="handleCurrentChange"
129 :current-page="1"
130 :page-sizes="[2, 3, 5]"
131 :page-size="4"
132 layout="total, sizes, prev, pager, next, jumper"
133 :total="8">
134 </el-pagination>
135 </div>
136 </div>
137 </div>
138 <script src="./js/widget.js"></script>
139 </body>
140 </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 search:'',
6 // 表格数据
7 tabaledata:[
8 {
9 xmbh:'QJ202000027',
10 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
11 djbh:'GX3-18-25',
12 ydmj:'87.608',
13 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以南',
14 tdyt:'住宅',
15 zrdw:'高新分局',
16 ssqy:'高新分局',
17 },
18 {
19 xmbh:'QJ202000028',
20 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
21 djbh:'GX3-18-25',
22 ydmj:'87.608',
23 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
24 tdyt:'商铺',
25 zrdw:'高新分局',
26 ssqy:'高新分局',
27 },
28 {
29 xmbh:'QJ202000028',
30 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
31 djbh:'GX3-18-25',
32 ydmj:'87.608',
33 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
34 tdyt:'商铺',
35 zrdw:'高新分局',
36 ssqy:'高新分局',
37 },
38 {
39 xmbh:'QJ202000028',
40 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
41 djbh:'GX3-18-25',
42 ydmj:'87.608',
43 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
44 tdyt:'商铺',
45 zrdw:'高新分局',
46 ssqy:'高新分局',
47 },
48 {
49 xmbh:'QJ202000028',
50 xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
51 djbh:'GX3-18-25',
52 ydmj:'87.608',
53 zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
54 tdyt:'商铺',
55 zrdw:'高新分局',
56 ssqy:'高新分局',
57 },
58 ]
59 }
60 },
61 methods:{
62 handleSizeChange(){
63
64 },
65 handleCurrentChange(){}
66 }
67 })
...\ 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 <style>
12 .contanier{
13 margin:10px 10px 0 10px;
14 height:100%;
15 background: #fff;
16 }
17 .el-row{
18 margin-top:20px;
19 }
20 .el-input{
21 margin-top:15px;
22 }
23 .el-button{
24 margin-top: 20px;
25 }
26 .block{
27 float: right;
28 background: #fff;
29 margin-top: 10px;
30 }
31 .el-pagination__jump{
32 margin-top: -15px;
33 }
34 </style>
35 </head>
36 <body>
37 <div id="app">
38 <div class='contanier'>
39 <el-row :gutter="20">
40 <el-col :span="6">
41 <el-input v-model="search" placeholder="请输入查询内容"></el-input>
42 </el-col>
43 <el-col :span="10">
44 <el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
45 <el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button>
46 <el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button>
47 </el-col>
48 </el-row>
49 <!-- 列表区域-->
50 <el-table
51 :data="tabaledata"
52 style="width: 100%;margin-top:10px;"
53 height="100%"
54 border
55 stripe
56 >
57 <el-table-column
58 type="selection"
59 width="55">
60 </el-table-column>
61 <el-table-column
62 prop="xmbh"
63 width="130"
64 label="项目编号"
65 align="center"
66 ></el-table-column>
67 <el-table-column
68 prop="xmmc"
69 label="项目名称"
70 align="center"
71 width="450"
72 >
73 </el-table-column>
74 <el-table-column
75 prop="djbh"
76 label="地籍编号"
77 align="center"
78 width="100"
79 >
80 </el-table-column>
81 <el-table-column
82 prop="ydmj"
83 label="用地面积（亩）"
84 align="center"
85 width="180"
86 >
87 </el-table-column>
88 <el-table-column
89 prop="zdwz"
90 label="宗地位置"
91 align="center"
92 width="400"
93 >
94 </el-table-column>
95 <el-table-column
96 prop="tdyt"
97 label="土地用途"
98 align="center"
99 width="150"
100 >
101 </el-table-column>
102 <el-table-column
103 prop="zrdw"
104 label="责任单位"
105 align="center"
106 width="100"
107 >
108 </el-table-column>
109 <el-table-column
110 prop="ssqy"
111 label="所属区域"
112 align="center"
113 width="100"
114 >
115 </el-table-column>
116 <el-table-column
117 prop="cjsj"
118 label="创建时间"
119 align="center"
120 width="100"
121 >
122 </el-table-column>
123 </el-table>
124 <!-- 分页区域-->
125 <div class="block">
126 <el-pagination
127 @size-change="handleSizeChange"
128 @current-change="handleCurrentChange"
129 :current-page="1"
130 :page-sizes="[2, 3, 5]"
131 :page-size="4"
132 layout="total, sizes, prev, pager, next, jumper"
133 :total="8">
134 </el-pagination>
135 </div>
136 </div>
137 </div>
138 <script src="./js/widget.js"></script>
139 </body>
140 </html>
...\ No newline at end of file ...\ No newline at end of file