峰峰执法平台简易案件程序板块 pad端
zhangxiaoxu123
2022-10-26 ce3c9d345a27d3a86e6c096d927f3ee619b6e68f
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<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="审批人"></el-input>
      </el-form-item>
      <el-form-item label="电话">
        <el-input v-model="formInline.user" placeholder="审批人"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="getDataList(0)">查询</el-button>
      </el-form-item>
      <el-form-item style="float: right">
        <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="22%"
        ></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: ''
      },
      pageSize:10,
      pageIndex:1,
      total:10,
      tableHeight: 460,
      tableData: []
    }
  },
  created() {
    this.getDataList(0)
  },
  methods: {
    // 查询列表
    getDataList(type){
      // this.$nextTick(()=>{
        if(type==0){
          this.formInline.type = type
          // this.formInline.user=222
          getObj(this.formInline).then(res =>{
            this.tableData =res.data.data.records
          })
        }else {
          // this.formInline.user=333
          getObj().then(res =>{
            this.tableData =res.data.data.records
          })
        }
      // })
    },
    //点击点跳转查看
    rowget(row,column) {
      /*console.log(row,'row===')
      console.log(column,'column===')*/
      // this.$router.push({name: 'process_manage', params: {name: id}})
      this.$router.push({
        path: '/padWord',
        query: {
          //id: row.id,
          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();
    },
    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val;
      // this.getDataList();
    },
  }
}
</script>
 
<style lang="scss" scoped>
#box{
  font-size: 30px!important;
}
</style>