Skip to content

E
el-admin
Commit 668d6d7a by 李耀琨
Options

添加了党员扶残

parent a8c31558
Showing with 1619 additions and 0 deletions
src/views/gxdpf/index.vue 0 → 100644
<template>
<div class="gxdpf-box">
<div class="gxdpf-box-1">
<div class="gxdpf-content">
<div class="gxdpf-title">党员扶贫项目监管监督</div>
<div class="gxdpf-form">
<div class="gxdpf-formHoad">
<h4><span>通知公告</span></h4>
<div style="position:absolute;top:10px;right:25px;z-index: 1;">
<el-button type="primary" @click="exportFile()">导出表格</el-button></div>
</div>
<!-- 表格 -->
<el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%; font-size:14px;"
:cell-style="cellStyle" :header-cell-style="rowClass" >
<el-table-column prop="date" label="日期" width="300" >
</el-table-column>
<el-table-column prop="title" label="标题" width="300" >
</el-table-column>
<el-table-column prop="address" label="简介" width="350" >
</el-table-column>
<el-table-column label="查看" width="300">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small">查看详情</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<div class="block" >
<div style=" height :40px; margin-top:12px; margin-left:6px;">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5,10,20,30]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length" >
</el-pagination>
</div>
</div>
</div>
<div class="gxdpf-form">
<div class="gxdpf-formHoad" >
<h4><span>搜索条件</span></h4>
</div>
<div class="gxdpf-input-box">
<ul>
<li>行政区域:</li>
<li>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</li>
<li>
<el-button type="primary" size="mini" @click="queryRegion()" >主要按钮</el-button>
</li>
</ul>
</div>
</div>
<div class="gxdpf-form">
<div class="gxdpf-formHoad">
<h4><span>警告通知</span></h4>
<div style="position:absolute;top:10px;right:25px;z-index: 999;">
</div>
</div>
<div class="data-processing">
<div class="data">
<p>数据异常</p>
<h1>0</h1>
</div>
<div class="data border-left">
<p>资金互斥</p>
<h1>0</h1>
</div>
<div class="data border-left">
<p>任务超时</p>
<h1>0</h1></div>
<div class="data border-left">
<p>未操作天数</p>
<h1>0</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name:'gxdpf',
data() {
return {
tableData: [{
date: '2016-05-02',
title: '试点平台通知',
address: '自治区残联办公室关于做好广西残疾人事业发展项目管理平台试点工作的通知',
}, {
date: '2016-05-04',
title: '试点平台通知',
address: '自治区残联办公室关于做好广西残疾人事业发展项目管理平台试点工作的通知',
}, {
date: '2016-05-01',
title: '试点平台通知',
address: '自治区残联办公室关于做好广西残疾人事业发展项目管理平台试点工作的通知',
}, {
date: '2016-05-03',
title: '试点平台通知',
address: '自治区残联办公室关于做好广西残疾人事业发展项目管理平台试点工作的通知',
},
{
date: '2016-05-03',
title: '试点平台通知',
address: '自治区残联办公室关于做好广西残疾人事业发展项目管理平台试点工作的通知',
},
{
date: '2016-05-03',
title: '试点平台通知',
address: '自治区残联办公室关于做好广西残疾人事业发展项目管理平台试点工作的通知',
},
{
date: '2016-05-03',
title: '试点平台通知',
address: '自治区残联办公室关于做好广西残疾人事业发展项目管理平台试点工作的通知',
},{
date: '2016-05-03',
title: '试点平台通知',
address: '自治区残联办公室关于做好广西残疾人事业发展项目管理平台试点工作的通知',
}],
currentPage: 1, // 当前页码
total: 20, // 总条数
pageSize: 5, // 每页的数据条数
options: [{
value: '选项1',
label: '广西壮族自治区'
}, {
value: '选项2',
label: '广西壮族自治区南宁市'
}, {
value: '选项3',
label: '南宁市南宁市辖区'
}, {
value: '选项4',
label: '南宁市兴宁区'
}, {
value: '选项5',
label: '南宁市青秀区'
}],
value: '',
};
},
methods: {
//每页条数改变时触发 选择一页显示多少行
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.currentPage = 1;
this.pageSize = val;
},
//当前页改变时触发 跳转其他页
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage = val;
},
cellStyle({row,column,rowIndex,columnIndex}) {
return "text-align:center;"
},
rowClass({row,rowIndex}){
return "text-align:center;"
},
handleClick(row) {
console.log(row);
this.$alert('这是一段内容', '标题名称', {
confirmButtonText: '确定',
callback: action => {
this.$message({
type: 'info',
message: `action: ${ action }`
});
}
});
},
exportFile(){
console.log('11');
},
queryRegion(){
console.log('查询');
}
},}
</script>
<style lang="scss">
*{
margin: 0;
padding: 0;
line-height: 1.5;
}
.gxdpf-box{
position: relative;
margin: 0;
padding: 8px 20px 24px;
}
.gxdpf-box-1{
width :100%;
background-color :#ccc;
padding: 8px 20px 50px 20px;
}
.gxdpf-content{
width: 1310px;
padding: 12px 15px;
margin-left: 10%;
background-color: #fff;
}
.gxdpf-title{
padding: 15px 0;
margin: 0 12px;
border-bottom: 1px solid #ccc;
}
.gxdpf-form{
border: 1px solid #ccc;
margin: 25px 12px;
}
.gxdpf-formHoad{
width: 100%;
height: 60px;
background-color:#E0E0E0;
position: relative;
}
.gxdpf-formHoad h4{
width: 100%;
height: 20px;
padding: 16px 20px;
display: block;
font-weight: bold;
}
.gxdpf-formHoad h4 span{
color:#363636;
font-size: 14px;
z-index: 11;
}
.gxdpf-input-box{
width:360px;
height :30px;
margin: 20px;
position: relative;
}
.data-processing {
width: 100%;
height: 170px;
}
.data{
width: 310px;
height: 120px;
margin: 25px 0;
float: left;
text-align: center;
padding: 20px 0;
}
.border-left{
border-left:1px solid #ccc;
}
.gxdpf-input-box ul li{
float: left;
margin: 3px;
line-height: 30px;
list-style:none;
}
</style>
\ No newline at end of file
src/views/partymember/index.vue 0 → 100644
<template>
<div class="partymember-box">
<div class="partymember-box-1">
<div class="partymember-content">
<div class="partymember-title">帮扶党员登记
<p style="margin: 5px 25px; font-size: 12px;">党员干部信息查询</p>
</div>
<div class="partymember-form">
<div class="partymember-formHoad" >
<h4><span>搜索条件</span></h4>
</div>
<div class="partymember-input-box">
<ul>
<li>行政区域:</li>
<li>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</li>
</ul>
<div style="clear:both; width: 1210px; padding-top: 10px; margin:10px 0; opacity: 0.5;">
<hr>
</div>
<ul>
<li>帮扶党员:</li>
<li>
<el-input
placeholder="请输入帮扶党员干部名字"
v-model="input1"
clearable>
</el-input>
</li>
<li>每页显示</li>
<li>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5,10,20,30]"
:page-size="pageSize"
layout="sizes"
:total="tableData.length" >
</el-pagination>
</li>
<li>
<el-button type="primary" size="mini" @click="queryRegion()" >查询</el-button>
</li>
</ul>
</div>
</div>
<div class="partymember-form">
<div class="partymember-formHoad">
<h4><span>用户列表</span></h4>
<div style="position:absolute;top:10px;right:25px;z-index: 1;">
<el-button type="success" @click="exportFile()">新增党员</el-button>
<el-button type="primary" @click="exportFile()">导出表格</el-button>
</div>
</div>
<!-- 表格 -->
<el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%; font-size:14px; "
:cell-style="cellStyle" :header-cell-style="rowClass" >
<el-table-column prop="id" label="序号" width="100" >
</el-table-column>
<el-table-column prop="name" label="姓名" width="120" >
</el-table-column>
<el-table-column prop="telephone" label="手机号" width="200" >
</el-table-column>
<el-table-column prop="address" label="地址" width="380" >
</el-table-column>
<el-table-column prop="company" label="单位" width="150" >
</el-table-column>
<el-table-column prop="state" label="状态" width="150" >
</el-table-column>
<el-table-column label="查看" width="150">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" size="small" icon="el-icon-edit" circle > </el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<div class="block" >
<div style=" height :40px; margin-top:12px; margin-left:6px;">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5,10,20,30]"
:page-size="pageSize"
layout="total, prev, pager, next, jumper"
:total="tableData.length" >
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name:'people',
data() {
return {
tableData: [{
id: '1',
name: '铁蛋',
telephone:'19857846724',
address:'广西壮族自治区隆安县那桐镇下邓村联房屯57号',
company:'麻垌镇容荔村',
state:'正常',
},
{
id: '2',
name: '铁蛋',
telephone:'19857846724',
address:'广西壮族自治区隆安县那桐镇下邓村联房屯57号',
company:'麻垌镇容荔村',
state:'正常',
},
{
id: '3',
name: '铁蛋',
telephone:'19857846724',
address:'广西壮族自治区隆安县那桐镇下邓村联房屯57号',
company:'麻垌镇容荔村',
state:'正常',
},
{
id: '4',
name: '铁蛋',
telephone:'19857846724',
address:'广西壮族自治区隆安县那桐镇下邓村联房屯57号',
company:'麻垌镇容荔村',
state:'正常',
},
{
id: '5',
name: '铁蛋',
telephone:'19857846724',
address:'广西壮族自治区隆安县那桐镇下邓村联房屯57号',
company:'麻垌镇容荔村',
state:'正常',
},
{
id: '6',
name: '铁蛋',
telephone:'19857846724',
address:'广西壮族自治区隆安县那桐镇下邓村联房屯57号',
company:'麻垌镇容荔村',
state:'正常',
},],
currentPage: 1, // 当前页码
total: 20, // 总条数
pageSize: 5, // 每页的数据条数
options: [{
value: '选项1',
label: '广西壮族自治区'
}, {
value: '选项2',
label: '广西壮族自治区南宁市'
}, {
value: '选项3',
label: '南宁市南宁市辖区'
}, {
value: '选项4',
label: '南宁市兴宁区'
}, {
value: '选项5',
label: '南宁市青秀区'
}],
value: '',
radio: '1',
input1: '',
input2: '',
value1: false,
};},
methods: {
//每页条数改变时触发 选择一页显示多少行
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.currentPage = 1;
this.pageSize = val;
},
//当前页改变时触发 跳转其他页
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage = val;
},
cellStyle({row,column,rowIndex,columnIndex}) {
return "text-align:center;"
},
rowClass({row,rowIndex}){
return "text-align:center;"
},
exportFile(){
console.log('11');
},
},}
</script>
<style lang="scss">
*{
margin: 0;
padding: 0;
line-height: 1.5;
}
.partymember-box{
position: relative;
margin: 0;
padding: 8px 20px 24px;
}
.partymember-box-1{
width :100%;
padding: 8px 20px 50px 20px;
}
.partymember-content{
width: 1310px;
padding: 12px 15px;
margin-left: 10%;
background-color: #fff;
}
.partymember-title{
height: 100px;
padding: 25px;
margin: 0 12px;
border: 1px solid #ccc;
}
.partymember-form{
border: 1px solid #ccc;
margin: 25px 12px;
}
.partymember-formHoad{
width: 100%;
height: 60px;
background-color:#E0E0E0;
position: relative;
}
.partymember-formHoad h4{
width: 100%;
height: 20px;
padding: 16px 20px;
display: block;
font-weight: bold;
}
.partymember-formHoad h4 span{
color:#363636;
font-size: 14px;
z-index: 11;
}
.partymember-input-box{
width:100%;
height :90px;
margin: 20px;
}
.partymember-input-box ul li{
float: left;
margin: 3px;
line-height: 30px;
list-style:none;
}
.border-bottom{
border-bottom: 1px solid #ccc;
}
.partymember-input-box-1{
position: relative;
height: 45px;
width:977px;
margin: 10px 0;
}
.project-status1{
margin: 20px 12px;
width: 1021px;
height: 200px;
border: 1px solid #ccc;
}
.project-box1{
margin: 20px;
border-bottom: 1px solid #ccc;
height: 40px;
}
</style>
\ No newline at end of file
src/views/registerList/index.vue 0 → 100644
<template>
<div class="registerList-box">
<div class="registerList-box-1">
<div class="registerList-content">
<div class="registerList-title">登记列表
<p style="margin: 5px 25px; font-size: 12px;">登记信息</p>
</div>
<div class="registerList-form">
<div class="registerList-formHoad" >
<h4><span>搜索条件</span></h4>
</div>
<div class="registerList-input-box">
<ul>
<li>地区:</li>
<li>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</li>
</ul>
<div style="clear:both; width: 1210px; padding-top: 10px; margin:10px 0; opacity: 0.5;">
<hr>
</div>
<ul>
<li>亲属姓名:</li>
<li>
<el-input
placeholder="请输入名字"
v-model="input1"
clearable>
</el-input>
</li>
<li>每页显示</li>
<li>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5,10,20,30]"
:page-size="pageSize"
layout="sizes"
:total="tableData.length" >
</el-pagination>
</li>
<li>
<el-button type="primary" size="mini" @click="queryRegion()" >查询</el-button>
</li>
</ul>
</div>
</div>
<div class="registerList-form">
<div class="registerList-formHoad">
<h4><span>扶贫登记列表</span></h4>
<div style="position:absolute;top:10px;right:25px;z-index: 1;">
<el-button type="primary" @click="exportFile()">导出表格</el-button></div>
</div>
<!-- 表格 -->
<el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%; font-size:14px; "
:cell-style="cellStyle" :header-cell-style="rowClass" >
<el-table-column prop="id" label="序号" width="180" >
</el-table-column>
<el-table-column prop="name" label="姓名" width="180" >
</el-table-column>
<el-table-column prop="age" label="年龄" width="180" >
</el-table-column>
<el-table-column prop="gender" label="性别" width="180" >
</el-table-column>
<el-table-column prop="grade" label="伤残等级" width="180" >
</el-table-column>
<el-table-column prop="help" label="帮扶党员" width="180" >
</el-table-column>
<el-table-column label="操作" width="160">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" size="small" icon="el-icon-edit" circle > </el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<div class="block" >
<div style=" height :40px; margin-top:12px; margin-left:6px;">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5,10,20,30]"
:page-size="pageSize"
layout="total, prev, pager, next, jumper"
:total="tableData.length" >
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name:'registerList',
data() {
return {
tableData: [{
id: '1',
name: '王小虎',
age:'30',
gender:'男',
grade:'2级',
help:'老李',
},{
id: '2',
name: '王小虎',
age:'30',
gender:'男',
grade:'2级',
help:'老李',
},{
id: '3',
name: '王小虎',
age:'30',
gender:'男',
grade:'2级',
help:'老李',
},{
id: '4',
name: '王小虎',
age:'30',
gender:'男',
grade:'2级',
help:'老李',
},{
id: '5',
name: '王小虎',
age:'30',
gender:'男',
grade:'2级',
help:'老李',
},{
id: '6',
name: '王小虎',
age:'30',
gender:'男',
grade:'2级',
help:'老李',
},],
currentPage: 1, // 当前页码
total: 20, // 总条数
pageSize: 5, // 每页的数据条数
options2: [{
value: '选项1',
label: '广西壮族自治区'
}, {
value: '选项2',
label: '广西壮族自治区南宁市'
}, {
value: '选项3',
label: '南宁市南宁市辖区'
}, {
value: '选项4',
label: '南宁市兴宁区'
}, {
value: '选项5',
label: '南宁市青秀区'
}],
options1: [{
value: '选项1',
label: '2020'
}, {
value: '选项2',
label: '2019'
}, {
value: '选项3',
label: '2018'
}, {
value: '选项4',
label: '2017'
}, {
value: '选项5',
label: '2016'
}],
value: '',
radio: '1',
input1: '',
input2: '',
value1: false,
};},
methods: {
//每页条数改变时触发 选择一页显示多少行
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.currentPage = 1;
this.pageSize = val;
},
//当前页改变时触发 跳转其他页
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage = val;
},
cellStyle({row,column,rowIndex,columnIndex}) {
return "text-align:center;"
},
rowClass({row,rowIndex}){
return "text-align:center;"
},
exportFile(){
console.log('11');
},
},}
</script>
<style lang="scss">
*{
margin: 0;
padding: 0;
line-height: 1.5;
}
.registerList-box{
position: relative;
margin: 0;
padding: 8px 20px 24px;
}
.registerList-box-1{
width :100%;
padding: 8px 20px 50px 20px;
}
.registerList-content{
width: 1310px;
padding: 12px 15px;
margin-left: 10%;
background-color: #fff;
}
.registerList-title{
height: 100px;
padding: 25px;
margin: 0 12px;
border: 1px solid #ccc;
}
.registerList-form{
border: 1px solid #ccc;
margin: 25px 12px;
}
.registerList-formHoad{
width: 100%;
height: 60px;
background-color:#E0E0E0;
position: relative;
}
.registerList-formHoad h4{
width: 100%;
height: 20px;
padding: 16px 20px;
display: block;
font-weight: bold;
}
.registerList-formHoad h4 span{
color:#363636;
font-size: 14px;
z-index: 11;
}
.registerList-input-box{
width:100%;
height :90px;
margin: 20px;
}
.registerList-input-box ul li{
float: left;
margin: 3px;
line-height: 30px;
list-style:none;
}
.border-bottom{
border-bottom: 1px solid #ccc;
}
.registerList-input-box-1{
position: relative;
height: 45px;
width:977px;
margin: 10px 0;
}
.project-status1{
margin: 20px 12px;
width: 1021px;
height: 200px;
border: 1px solid #ccc;
}
.project-box1{
margin: 20px;
border-bottom: 1px solid #ccc;
height: 40px;
}
</style>
\ No newline at end of file
src/views/statis/index.vue 0 → 100644
<template>
<div class="statis-box">
<div class="statis-box-1">
<div class="statis-content">
<div class="statis-title">实施情况统计表
<p style="margin: 5px 25px; font-size: 12px;">实施情况统计表</p>
</div>
<div class="statis-form">
<div class="statis-formHoad" >
<h4><span>搜索条件</span></h4>
</div>
<div class="statis-input-box">
<ul>
<li>行政区域:</li>
<li>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</li>
<li>项目:</li>
<li>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</li>
<li>
<el-button type="primary" size="mini" @click="queryRegion()" >查询</el-button>
</li>
</ul>
</div>
</div>
<div class="statis-form">
<div class="statis-formHoad">
<h4><span>帮扶对象汇总信息</span></h4>
<div style="position:absolute;top:10px;right:25px;z-index: 1;">
<el-button type="primary" @click="exportFile()">导出表格</el-button></div>
</div>
<!-- 表格 -->
<el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%; font-size:14px; "
:cell-style="cellStyle" :header-cell-style="rowClass" >
<el-table-column prop="organization" label="单位名称" width="80" >
</el-table-column>
<el-table-column prop="number" label="自治区任务数" width="110" >
</el-table-column>
<el-table-column prop="address" label="实际完成数" width="100" >
</el-table-column>
<el-table-column prop="population" label="资金合计" width="80" >
</el-table-column>
<el-table-column prop="telephone" label="自治区下拨资金" width="120" >
</el-table-column>
<el-table-column prop="apply" label="设区市实际配套资金" width="160" >
</el-table-column>
<el-table-column prop="capital" label="县〔市、区〕实际配套资金" width="190" >
</el-table-column>
<el-table-column prop="organization" label="社会投入" width="120" >
</el-table-column>
<el-table-column prop="help" label="党组织(个)" width="90" >
</el-table-column>
<el-table-column prop="help" label="党员(个)" width="80" >
</el-table-column>
<el-table-column prop="help" label="帮扶残疾人(个)" width="120" >
</el-table-column>
</el-table>
<!-- 分页 -->
<div class="block" >
<div style=" height :40px; margin-top:12px; margin-left:6px;">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5,10,20,30]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length" >
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name:'statis',
data() {
return {
tableData: [{
organization:'居委会',
},],
currentPage: 1, // 当前页码
total: 20, // 总条数
pageSize: 5, // 每页的数据条数
options2: [{
value: '选项1',
label: '广西壮族自治区'
}, {
value: '选项2',
label: '广西壮族自治区南宁市'
}, {
value: '选项3',
label: '南宁市南宁市辖区'
}, {
value: '选项4',
label: '南宁市兴宁区'
}, {
value: '选项5',
label: '南宁市青秀区'
}],
options1: [{
value: '选项1',
label: '2020'
}, {
value: '选项2',
label: '2019'
}, {
value: '选项3',
label: '2018'
}, {
value: '选项4',
label: '2017'
}, {
value: '选项5',
label: '2016'
}],
value: '',
radio: '1',
// 表单
ruleForm: {
name: '',
region: '',
ryear:'',
date: '',
type: [],
desc: ''
},
rules: {
name: [
{ required: true, message: '请输入金额', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
region: [
{ required: true, message: '请选择区域', trigger: 'change' }
],
ryear: [
{ required: true, message: '请选择区域', trigger: 'change' }
],
date: [
{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }
],
desc: [
{ required: false, message: '请填写活动形式', trigger: 'blur' }
]
}
};},
methods: {
//每页条数改变时触发 选择一页显示多少行
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.currentPage = 1;
this.pageSize = val;
},
//当前页改变时触发 跳转其他页
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage = val;
},
cellStyle({row,column,rowIndex,columnIndex}) {
return "text-align:center; "
},
rowClass({row,rowIndex}){
return "text-align:center;"
},
exportFile(){
console.log('11');
},
queryRegion(){
console.log('查询');
},
// 表单
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
},}
</script>
<style lang="scss">
*{
margin: 0;
padding: 0;
line-height: 1.5;
}
.statis-box{
position: relative;
margin: 0;
padding: 8px 20px 24px;
}
.statis-box-1{
width :100%;
padding: 8px 20px 50px 20px;
}
.statis-content{
width: 1310px;
padding: 12px 15px;
margin-left: 10%;
background-color: #fff;
}
.statis-title{
height: 100px;
padding: 25px;
margin: 0 12px;
border: 1px solid #ccc;
}
.statis-form{
border: 1px solid #ccc;
margin: 25px 12px;
}
.statis-formHoad{
width: 100%;
height: 60px;
background-color:#E0E0E0;
position: relative;
}
.statis-formHoad h4{
width: 100%;
height: 20px;
padding: 16px 20px;
display: block;
font-weight: bold;
}
.statis-formHoad h4 span{
color:#363636;
font-size: 14px;
z-index: 11;
}
.statis-input-box{
width:100%;
height :35px;
margin: 20px;
}
.border-bottom{
border-bottom: 1px solid #ccc;
}
.statis-input-box ul li{
float: left;
margin: 3px;
line-height: 30px;
list-style:none;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment