From 9f08056f61bc0b10e80cc4aabb1df63e3ae5947b Mon Sep 17 00:00:00 2001 From: wl <173@qq.com> Date: 星期三, 20 七月 2022 17:33:19 +0800 Subject: [PATCH] 案件录入显示 --- src/views/cause/Entry.vue | 52 +++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 49 insertions(+), 3 deletions(-) diff --git a/src/views/cause/Entry.vue b/src/views/cause/Entry.vue index 9872489..a98f71b 100644 --- a/src/views/cause/Entry.vue +++ b/src/views/cause/Entry.vue @@ -23,18 +23,49 @@ </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', @@ -70,7 +101,18 @@ 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 @@ -97,4 +139,8 @@ .el-form-item { margin-bottom: 0; } + +::v-deep(.el-table thead) { + color: #000000; +} </style> \ No newline at end of file -- Gitblit v1.8.0