马宇豪
2025-03-04 1b9fea7d4af68d8f933b2dc42bf6084b9646f64c
src/views/specialWorkSystem/foundationSet/safetyAction/index.vue
@@ -1,6 +1,6 @@
<template>
    <div class="home-container">
        <div style="height: 100%">
        <div style="height: 100%;display: flex;flex-direction: column;align-items: stretch;">
            <el-row class="homeCard">
                <div class="basic-line">
                    <span>作业类型:</span>
@@ -27,8 +27,8 @@
                <div class="main-card">
                    <el-row class="cardTop">
                        <el-col :span="12" class="mainCardBtn">
                            <el-button type="primary" :icon="Plus" size="default" @click="openSafetyActionDialog('新增', {})">新建</el-button>
                            <!--                            <el-button type="danger" :icon="Delete" size="default" plain>删除</el-button>-->
                            <el-button type="primary" :icon="Plus" size="default" @click="openSafetyActionDialog('新增', {})">新增</el-button>
                            <el-button type="danger" :icon="Delete" size="default" @click="deleteMoreSafetyAction" plain>批量删除</el-button>
                        </el-col>
                        <el-button type="primary" :icon="Refresh" size="default" />
                    </el-row>
@@ -48,7 +48,7 @@
                                </span>
                            </template>
                        </el-table-column>
                        <el-table-column property="context" label="措施内容"></el-table-column>
                        <el-table-column property="context" label="措施内容" show-overflow-tooltip></el-table-column>
                        <el-table-column prop="correctVal" label="正确值" show-overflow-tooltip>
                            <template #default="scope">
                                <span>
@@ -60,7 +60,7 @@
                        <el-table-column prop="gmtCreate" label="创建时间" show-overflow-tooltip></el-table-column>
                        <el-table-column prop="modifiedUname" label="最后修改人" show-overflow-tooltip></el-table-column>
                        <el-table-column prop="gmtModified" label="最后修改时间" show-overflow-tooltip></el-table-column>
                        <el-table-column property="status" label="状态" width="60" />
<!--                        <el-table-column property="status" label="状态" width="60" />-->
                        <el-table-column fixed="right" label="操作" align="center" width="300">
                            <template #default="scope">
                                <el-button link type="primary" size="small" :icon="View" @click="openSafetyActionDialog('查看', scope.row)">查看</el-button>
@@ -69,8 +69,9 @@
                            </template>
                        </el-table-column>
                    </el-table>
                    <br />
                  <div class="pageBtn">
                    <el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" :pager-count="5" :page-sizes="[10, 20, 30]" v-model:current-page="tableData.params.pageIndex" background v-model:page-size="tableData.params.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="tableData.total" class="page-position"> </el-pagination>
                  </div>
                </div>
            </div>
        </div>
@@ -192,7 +193,7 @@
        // };
        // 删除
        const deleteSafetyAction = (row: any) => {
        const deleteMoreSafetyAction = () => {
            ElMessageBox.confirm(`此操作将永久删除该措施,是否继续?`, '提示', {
                confirmButtonText: '确认',
                cancelButtonText: '取消',
@@ -201,6 +202,33 @@
                .then(async () => {
                    let res = await safetyActionApi().deleteSafetyAction(state.deleteList);
                    if (res.data.code === '200') {
                        ElMessage({
                            type: 'success',
                            duration: 2000,
                            message: '删除成功'
                        });
                        await initSafetyAction();
                    } else {
                        ElMessage({
                            type: 'warning',
                            message: res.data.msg
                        });
                    }
                })
                .catch(() => {});
        };
        // 删除
        const deleteSafetyAction = (row: any) => {
            ElMessageBox.confirm(`此操作将永久删除该措施,是否继续?`, '提示', {
                confirmButtonText: '确认',
                cancelButtonText: '取消',
                type: 'warning'
            })
                .then(async () => {
                    let res = await safetyActionApi().deleteSafetyAction({ ids: [row.id] });
                    if (res.data.code === '200') {
                        state.deleteList.ids = [];
                        ElMessage({
                            type: 'success',
                            duration: 2000,
@@ -275,6 +303,7 @@
            parseNumber,
            handleSelectionChange,
            deleteSafetyAction,
            deleteMoreSafetyAction,
            initSafetyAction,
            onHandleSizeChange,
            onHandleCurrentChange,
@@ -292,12 +321,14 @@
    height: calc(100vh - 144px);
    box-sizing: border-box;
    overflow: hidden;
  position: relative;
    .homeCard {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        background: #fff;
        border-radius: 4px;
      flex: 0 auto;
        .main-card {
            width: 100%;
@@ -312,10 +343,18 @@
                }
            }
            .pageBtn {
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: right;
              position: absolute;
              width: 100%;
              z-index: 99;
              bottom: 0;
              right: 0;
              height: 60px;
              border-radius: 0 0 4px 4px;
              padding-right: 20px;
              background: #fff;
              display: flex;
              align-items: center;
              justify-content: right;
                .demo-pagination-block + .demo-pagination-block {
                    margin-top: 10px;
@@ -326,7 +365,7 @@
            }
        }
        &:last-of-type {
            height: calc(100% - 100px);
          flex: 1;
        }
    }
    .el-row {