| | |
| | | </el-form-item> |
| | | </el-form> |
| | | </template> |
| | | <el-pagination @current-change="handleCurrentChange" :current-page="queryInfo.current" |
| | | :page-size="queryInfo.size" layout="prev, pager, next" |
| | | :total="total"></el-pagination> |
| | | <template> |
| | | <el-table :data="casueList" style="width: 100%"> |
| | | <el-table-column prop="number" label="案件编号" width="150" header-align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="案件名称" width="180" header-align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="reportNumber" label="报案人数" width="100" header-align="center" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="firstTime" label="最早发案日期" width="150" header-align="center" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="status" label="案件状态" width="110" header-align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="userName" label="负责人" width="130" header-align="center" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="ctime" label="创建日期" width="160" header-align="center" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="240" header-align="center" align="center"> |
| | | <el-button type="text" size="medium" @click="handleAudit(scope.row)">编辑</el-button> |
| | | <el-button type="text" size="medium" @click="handleAudit(scope.row)">报案人员</el-button> |
| | | <el-button type="text" size="medium" @click="handleAudit(scope.row)">群公告</el-button> |
| | | <el-button type="text" size="medium" @click="handleAudit(scope.row)" style="color:#ff0000" >删除</el-button> |
| | | </el-table-column> |
| | | </el-table> |
| | | </template> |
| | | |
| | | |
| | | <el-pagination @current-change="handleCurrentChange" :current-page="queryInfo.current" :page-size="queryInfo.size" |
| | | layout="prev, pager, next" :total="total"></el-pagination> |
| | | </el-pagination> |
| | | </el-card> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | casueList |
| | | } from '@/api/cause' |
| | | |
| | | export default { |
| | | name: "Entry", |
| | | data() { |
| | | return { |
| | | casueList: [], |
| | | queryInfo: { |
| | | title: '', |
| | | status: '5', |
| | |
| | | total: 0, |
| | | } |
| | | }, |
| | | created() { |
| | | this.init() |
| | | }, |
| | | methods: { |
| | | init() { |
| | | casueList().then( |
| | | res => { |
| | | this.total = res.total |
| | | this.casueList = res.records |
| | | } |
| | | ) |
| | | }, |
| | | getList() { |
| | | this.$http.get('/api/entry/list', { |
| | | params: this.queryInfo |
| | |
| | | .el-form-item { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | ::v-deep(.el-table thead) { |
| | | color: #000000; |
| | | } |
| | | </style> |