| | |
| | | </el-table> |
| | | <div class="pages"> |
| | | <el-pagination |
| | | v-model:currentPage="pageIndex" |
| | | v-model:page-size="pageSize" |
| | | :page-sizes="[10, 20, 30]" |
| | | :pager-count="5" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="40" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | v-if="tableData.length == 0 ? false : true" |
| | | v-model:currentPage="pageIndex" |
| | | v-model:page-size="pageSize" |
| | | :page-sizes="[10, 20, 30]" |
| | | :pager-count="5" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | </div> |
| | | </el-tab-pane> |
| | |
| | | }, |
| | | setup() { |
| | | const activeName = ref('first') |
| | | const statusDisabledFlag = ref('first')//控制弹窗中的事件状态是否可以修改 |
| | | const handleClick = (tab: TabsPaneContext, event: Event) => { |
| | | console.log(tab.props.name) |
| | | if(tab.props.name=='first'){ |
| | | listQuery.searchParams.status=1 |
| | | statusDisabledFlag.value = 'first' |
| | | listApi() |
| | | }else if(tab.props.name=='second'){ |
| | | listQuery.searchParams.status=2 |
| | | statusDisabledFlag.value = 'second' |
| | | listApi() |
| | | } |
| | | } |
| | | |
| | | const editableTabs = ref([ |
| | | { |
| | | title: '处理中', |
| | |
| | | // 打开新建用户弹窗 |
| | | const addRef = ref(); |
| | | const onOpenAdd = () => { |
| | | addRef.value.openDialog('新建事故报告',false); |
| | | addRef.value.openDialog('新建事故报告','',false,statusDisabledFlag); |
| | | }; |
| | | // 新增后刷新 |
| | | const onMyAdd = (e: boolean) => { |
| | |
| | | // 打开修改用户弹窗 |
| | | const onEdit = (val: string, row: object) => { |
| | | if (val == '详情') { |
| | | addRef.value.openDialog('查看事故报告',row,true); |
| | | addRef.value.openDialog('查看事故报告',row,true,statusDisabledFlag); |
| | | } else { |
| | | addRef.value.openDialog('修改事故报告',row,false); |
| | | addRef.value.openDialog('修改事故报告',row,false,statusDisabledFlag); |
| | | } |
| | | }; |
| | | // 上传 |