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 {
cursor: pointer;
text-align: center;
width: 100px; /*导航样式修改 2020年6月12日10点00分 v*/
width: 115px; /*导航样式修改 2020年6月12日10点00分 v*/
/*margin: 0 24px; !*导航样式修改 2020年6月12日10点00分 v*!*/
margin: 0 30px; /*导航样式修改 2020年6月16日10点46分 v*/
}
......@@ -57,6 +57,7 @@ body {
/*新需求里背景为黄底，所以注释掉 hyh 2017/9/7 */
background-color: repeat-y #fef938;
border-bottom: 3px solid #fef938;
width: 115px
}
/* .menuitem-selected span{
......
var self = new Vue({
el:'#app',
data(){
return {}
return {
search:'',
// 表格数据
tabaledata:[
{
xh:'1',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'2',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'3',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'4',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'5',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
],
isActive:1,
}
},
methods:{
handleSizeChange(){
},
handleCurrentChange(){},
click(val){
this.isActive = val
}
}
})
\ No newline at end of file
......
var self = new Vue({
el:'#app',
data(){
return {
search:'',
// 表格数据
tabaledata:[
{
xh:'1',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'双随机',
zrdw:'测绘地理信息局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'2',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:"双随机",
zrdw:'测绘地理信息局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'3',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'双随机',
zrdw:'测绘地理信息局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'4',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'双随机',
zrdw:'测绘地理信息局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'5',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
anlx:'双随机',
zrdw:'测绘地理信息局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
],
isActive:1,
}
},
methods:{
handleSizeChange(){
},
handleCurrentChange(){},
click(val){
this.isActive = val
}
}
})
\ No newline at end of file
var self = new Vue({
el:'#app',
data(){
return {
search:'',
// 表格数据
tabaledata:[
{
xmbh:'QJ202000027',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以南',
tdyt:'住宅',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'碑林分局',
ssqy:'碑林分局',
cjsj:'2020-07-05'
},
]
}
},
methods:{
handleSizeChange(){
},
handleCurrentChange(){}
}
})
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>批后管理待办</title>
<script src="/frontweb/common/js/config.js"></script>
<link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/>
<script src="/frontweb/libs/vue/vue.js"></script>
<script src="/frontweb/libs/element/index.js"></script>
<script src="/frontweb/libs/axios/axios.min.js"></script>
<style>
.contanier{
margin:10px 10px 0 10px;
height:100%;
background: #fff;
}
.el-row{
margin-top:20px;
}
.el-input{
margin-top:15px;
}
.el-button{
margin-top: 20px;
}
.block{
float: right;
background: #fff;
margin-top: 10px;
}
.el-pagination__jump{
margin-top: -15px;
}
</style>
</head>
<body>
<div id="app">
<div class='contanier'>
<el-row :gutter="20">
<el-col :span="6">
<el-input v-model="search" placeholder="请输入查询内容"></el-input>
</el-col>
<el-col :span="10">
<el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
<el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button>
<el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button>
</el-col>
</el-row>
<!-- 列表区域-->
<el-table
:data="tabaledata"
style="width: 100%;margin-top:10px;"
height="100%"
border
stripe
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="xmbh"
width="130"
label="项目编号"
align="center"
></el-table-column>
<el-table-column
prop="xmmc"
label="项目名称"
align="center"
width="450"
>
</el-table-column>
<el-table-column
prop="djbh"
label="地籍编号"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="ydmj"
label="用地面积（亩）"
align="center"
width="180"
>
</el-table-column>
<el-table-column
prop="zdwz"
label="宗地位置"
align="center"
width="400"
>
</el-table-column>
<el-table-column
prop="tdyt"
label="土地用途"
align="center"
width="150"
>
</el-table-column>
<el-table-column
prop="zrdw"
label="责任单位"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="ssqy"
label="所属区域"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="cjsj"
label="创建时间"
align="center"
width="100"
>
</el-table-column>
</el-table>
<!-- 分页区域-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="1"
:page-sizes="[2, 3, 5]"
:page-size="4"
layout="total, sizes, prev, pager, next, jumper"
:total="8">
</el-pagination>
</div>
</div>
</div>
<script src="./js/widget.js"></script>
</body>
</html>
\ No newline at end of file
var self = new Vue({
el:'#app',
data(){
return {
search:'',
// 表格数据
tabaledata:[
{
xmbh:'QJ202000027',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以南',
tdyt:'住宅',
zrdw:'高新分局',
ssqy:'高新分局',
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
},
]
}
},
methods:{
handleSizeChange(){
},
handleCurrentChange(){}
}
})
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>批后管理待办</title>
<script src="/frontweb/common/js/config.js"></script>
<link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/>
<script src="/frontweb/libs/vue/vue.js"></script>
<script src="/frontweb/libs/element/index.js"></script>
<script src="/frontweb/libs/axios/axios.min.js"></script>
<style>
.contanier{
margin:10px 10px 0 10px;
height:100%;
background: #fff;
}
.el-row{
margin-top:20px;
}
.el-input{
margin-top:15px;
}
.el-button{
margin-top: 20px;
}
.block{
float: right;
background: #fff;
margin-top: 10px;
}
.el-pagination__jump{
margin-top: -15px;
}
</style>
</head>
<body>
<div id="app">
<div class='contanier'>
<el-row :gutter="20">
<el-col :span="6">
<el-input v-model="search" placeholder="请输入查询内容"></el-input>
</el-col>
<el-col :span="10">
<el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
<el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button>
<el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button>
</el-col>
</el-row>
<!-- 列表区域-->
<el-table
:data="tabaledata"
style="width: 100%;margin-top:10px;"
height="100%"
border
stripe
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="xmbh"
width="130"
label="项目编号"
align="center"
></el-table-column>
<el-table-column
prop="xmmc"
label="项目名称"
align="center"
width="450"
>
</el-table-column>
<el-table-column
prop="djbh"
label="地籍编号"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="ydmj"
label="用地面积（亩）"
align="center"
width="180"
>
</el-table-column>
<el-table-column
prop="zdwz"
label="宗地位置"
align="center"
width="400"
>
</el-table-column>
<el-table-column
prop="tdyt"
label="土地用途"
align="center"
width="150"
>
</el-table-column>
<el-table-column
prop="zrdw"
label="责任单位"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="ssqy"
label="所属区域"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="cjsj"
label="创建时间"
align="center"
width="100"
>
</el-table-column>
</el-table>
<!-- 分页区域-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="1"
:page-sizes="[2, 3, 5]"
:page-size="4"
layout="total, sizes, prev, pager, next, jumper"
:total="8">
</el-pagination>
</div>
</div>
</div>
<script src="./js/widget.js"></script>
</body>
</html>
\ No newline at end of file