<template>
|
<basic-container id="box" style="width: 100vw">
|
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
<el-form-item label="当事人">
|
<el-input v-model="formInline.litigant" placeholder="当事人" style="width:110px!important"></el-input>
|
</el-form-item>
|
<el-form-item label="电话">
|
<el-input v-model="formInline.phone" placeholder="电话" style="width:130px!important"></el-input>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="getDataList(0)">查询</el-button>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="getById">新增</el-button>
|
</el-form-item>
|
</el-form>
|
<div class="law-table-main">
|
<el-table
|
:height="tableHeight"
|
@row-click="rowget"
|
:data="tableData">
|
<el-table-column
|
prop="casePoint"
|
label="案由"
|
:show-overflow-tooltip="true"
|
min-width="20%"
|
></el-table-column>
|
<el-table-column
|
prop="litigant"
|
label="当事人姓名"
|
min-width="20%">
|
</el-table-column>
|
<el-table-column
|
prop="phone"
|
label="联系电话"
|
min-width="22%"
|
></el-table-column>
|
<el-table-column
|
prop="createTime"
|
label="提交时间"
|
sortable
|
min-width="18%"
|
></el-table-column>
|
<el-table-column
|
prop="hanlders"
|
label="执法人"
|
:show-overflow-tooltip="true"
|
min-width="18%"
|
></el-table-column>
|
</el-table>
|
</div>
|
<div class="avue-crud__pagination">
|
<el-pagination
|
@size-change="sizeChangeHandle"
|
@current-change="currentChangeHandle"
|
:current-page="pageIndex"
|
:page-sizes="[10, 20, 50, 100]"
|
:page-size="pageSize"
|
:total="total"
|
background
|
layout="total, sizes, prev, pager, next, jumper"
|
>
|
</el-pagination>
|
</div>
|
<SunmaryProcedureForm v-if="isShow" ref="sunmaryProcedure" @cancel="cancel"></SunmaryProcedureForm>
|
</basic-container>
|
</template>
|
|
<script>
|
import {getObj} from '@/api/News/pad'
|
|
export default {
|
name: "index",
|
|
data() {
|
return {
|
isShow: false,
|
formInline: {
|
litigant: '',
|
phone: '',
|
current:this.pageIndex,
|
size:this.pageSize
|
},
|
pageSize: 10,
|
pageIndex: 1,
|
total: 10,
|
tableHeight: 600,
|
tableData: []
|
}
|
},
|
created() {
|
this.getDataList(0)
|
// this.formInline.litigant = window.android.getAppToken()
|
},
|
methods: {
|
/*look(){
|
// this.formInline.phone =1111
|
this.formInline.phone = window.android.getAppToken()
|
},*/
|
// 查询列表
|
getDataList(type) {
|
// this.$nextTick(()=>{
|
if (type == 0) {
|
this.formInline.type = type;
|
this.formInline.current=this.pageIndex;
|
this.formInline.size=this.pageSize;
|
getObj(this.formInline).then(res => {
|
this.tableData = res.data.data.records
|
this.total =res.data.data.total
|
})
|
} else {
|
// this.formInline.type = type;
|
this.formInline.current=this.pageIndex;
|
this.formInline.size=this.pageSize;
|
// this.formInline.user=333
|
getObj(this.formInline).then(res => {
|
this.tableData = res.data.data.records
|
})
|
}
|
// })
|
},
|
//点击点跳转查看
|
rowget(row, column) {
|
// if (row.casePoint){
|
this.$router.push({
|
path: '/padWord',
|
query: {
|
name: row.casePoint,
|
}
|
})
|
this.$store.commit('SET_ID', row.id)
|
// }
|
|
},
|
//打开新增弹框
|
getById() {
|
this.$router.push({
|
path: '/fromAdd',
|
})
|
},
|
//关闭添加弹框
|
cancel() {
|
this.isShow = false;
|
},
|
// 每页数
|
sizeChangeHandle(val) {
|
this.pageSize = val;
|
this.pageIndex = 1;
|
this.getDataList(0);
|
},
|
// 当前页
|
currentChangeHandle(val) {
|
this.pageIndex = val;
|
this.getDataList(0);
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
#box {
|
font-size: 30px !important;
|
}
|
</style>
|
