From aeef44031f90e5a7b0cb05da884b38f5047e7d21 Mon Sep 17 00:00:00 2001
From: zhaojiale <631455805@qq.com>
Date: 星期四, 04 八月 2022 15:21:02 +0800
Subject: [PATCH] 工伤申报除图片外完成
---
src/views/accidentManagementSystem/accidentReport/index.vue | 62 +++++++++++++++++++++----------
1 files changed, 42 insertions(+), 20 deletions(-)
diff --git a/src/views/accidentManagementSystem/accidentReport/index.vue b/src/views/accidentManagementSystem/accidentReport/index.vue
index 72c766d..5c19570 100644
--- a/src/views/accidentManagementSystem/accidentReport/index.vue
+++ b/src/views/accidentManagementSystem/accidentReport/index.vue
@@ -2,7 +2,12 @@
<div class="system-user-container">
<el-card shadow="hover">
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
- <el-tab-pane label="处理中" name="first">
+ <el-tab-pane
+ v-for="item in editableTabs"
+ :key="item.name"
+ :label="item.title"
+ :name="item.name"
+ >
<div class="button_Line">
<div class="button_Left">
<el-button size="default" type="primary" @click="onOpenAdd">
@@ -22,21 +27,21 @@
</el-button>
</div>
<div class="button_Right">
-<!-- <el-button @click="upButton">-->
-<!-- <el-icon>-->
-<!-- <Upload />-->
-<!-- </el-icon>-->
-<!-- </el-button>-->
-<!-- <el-button>-->
-<!-- <el-icon>-->
-<!-- <Download />-->
-<!-- </el-icon>-->
-<!-- </el-button>-->
-<!-- <el-button>-->
-<!-- <el-icon>-->
-<!-- <Refresh />-->
-<!-- </el-icon>-->
-<!-- </el-button>-->
+ <el-button @click="upButton">
+ <el-icon>
+ <Upload />
+ </el-icon>
+ </el-button>
+ <el-button>
+ <el-icon>
+ <Download />
+ </el-icon>
+ </el-button>
+ <el-button>
+ <el-icon>
+ <Refresh />
+ </el-icon>
+ </el-button>
</div>
</div>
<el-table
@@ -80,7 +85,7 @@
/>
</div>
</el-tab-pane>
- <el-tab-pane label="已处理" name="second"></el-tab-pane>
+ <!--<el-tab-pane label="已处理" name="second"></el-tab-pane>-->
</el-tabs>
</el-card>
<OpenAdd ref="addRef" @myAdd="onMyAdd" />
@@ -134,15 +139,31 @@
setup() {
const activeName = ref('first')
const handleClick = (tab: TabsPaneContext, event: Event) => {
- console.log(tab, event)
+ console.log(tab.props.name)
+ if(tab.props.name=='first'){
+ listQuery.searchParams.status=1
+ listApi()
+ }else if(tab.props.name=='second'){
+ listQuery.searchParams.status=2
+ listApi()
+ }
}
-
+ const editableTabs = ref([
+ {
+ title: '处理中',
+ name: 'first',
+ },
+ {
+ title: '已处理',
+ name: 'second',
+ },
+ ])
// 列表参数
const listQuery = reactive({
pageIndex: 1,
pageSize: 10,
searchParams: {
- name: '',
+ status: 1,
},
});
// 定义表格数据
@@ -307,6 +328,7 @@
onMyAdd,
onDeleteAll,
onEdit,
+ editableTabs
};
},
});
--
Gitblit v1.9.2