新增

Admin

2022-11-18 8f03059619b5a5e9574b71d2ada27b76db2ffd7a

 src/views/selfCheck/index.vue

@@ -11,59 +11,37 @@
                style="width: 100%;"
            >

                <el-table-column label="下发日期" prop="sendDate" align="center" width="180">
                <el-table-column label="下发日期" prop="gmtCreate" align="center" width="180"></el-table-column>
                <el-table-column label="任务名称" prop="taskName" align="center"></el-table-column>
                <el-table-column label="下发部门" prop="createUnit" align="center"></el-table-column>
                <el-table-column label="自查期限（之前）" prop="enterpriseSelfCheckDeadline" align="center"></el-table-column>
                <el-table-column label="是否自查" prop="selfcheckStatus" width="130" align="center" sortable>
                    <template slot-scope="scope">
                        <span>{{ scope.row.sendDate }}</span>
                        <span>{{ scope.row.selfcheckStatus == 0 ? '未自查' : '已自查' }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="任务名称" prop="name" align="center">
                <el-table-column label="自查时间" prop="selfcheckTime" align="center"></el-table-column>
                <el-table-column label="是否隐患" prop="hiddendangerStatus" align="center">
                    <template slot-scope="scope">
                        <span>{{scope.row.name}}</span>
                        <span>{{ scope.row.hiddendangerStatus == 0 ? '否' : '是' }}</span>
                    </template>
                </el-table-column>

                <el-table-column label="下发部门" prop="department" align="center">
                <el-table-column label="整改情况" prop="rectifyStatus" align="center" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <span>{{ scope.row.department }}</span>
                    </template>
                </el-table-column>

                <el-table-column label="自查期限（之前）" prop="deadline" align="center">
                    <template slot-scope="scope">
                        <span>{{ scope.row.deadline }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="是否自查" prop="isCheck" width="130" align="center" sortable>
                    <template slot-scope="scope">
                        <span>{{ scope.row.isCheck }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="自查时间" prop="selfCheckTime" align="center">
                    <template slot-scope="scope">
                        <span>{{ scope.row.selfCheckTime }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="是否隐患" prop="isRisky" align="center">
                    <template slot-scope="scope">
                        <span>{{ scope.row.isRisky }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="整改情况" align="center" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button type="text" @click="toRepair(scope.row)">去整改</el-button>
                        <el-button v-if="scope.row.rectifyStatus == 1" type="text" @click="toRepair(scope.row)">去整改</el-button>
                        <span v-else>已完成</span>
                    </template>
                </el-table-column>
                <el-table-column label="详情" align="center" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button v-if="scope.row.isCheck == 1" type="text">查看详情</el-button>
                        <el-button v-else type="text" @click="toReport(scope.row)">自查填报</el-button>
                        <el-button v-if="scope.row.selfcheckStatus == 0" type="text" @click="toReport(scope.row)">自查填报</el-button>
                        <el-button v-else type="text" @click="toDetail(scope.row)">查看详情</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <el-pagination
                v-show="recordTotal>0"
                :current-page="currentPage"
                :page-sizes="[10, 20, 30, 50]"
                :page-sizes="[10, 15]"
                :page-size="pageSize"
                :total="recordTotal"
                layout="total, sizes, prev, pager, next, jumper"
@@ -75,6 +53,7 @@
        </div>
        <self-report ref="report"></self-report>
        <repair ref="repair"></repair>
        <check-details ref="details"></check-details>
    </div>
</template>

@@ -84,14 +63,17 @@
    import {mapGetters} from "vuex";
    import {MessageBox} from 'element-ui'
    import { getToken } from '@/utils/auth'
    import selfReport from "./components/selfReport";
    import repair from "./components/repair";
    import selfReport from "./components/selfReport"
    import repair from "./components/repair"
    import checkDetails from "./components/repair"
    import { getUnDoneCheckTask } from '@/api/selfCheck'

    export default {
        name: "selfCheck",
        components:{
            selfReport,
            repair
            repair,
            checkDetails
        },
        data() {
            return {
@@ -101,30 +83,12 @@
                pageTotal: 0,
                currentPage: 1,
                tableKey: 0,
                checkData: [
                    {
                        sendDate: '2022-10-29',
                        name: '2023年上半年……',
                        department: '新疆维吾尔应急管理厅',
                        deadline: '2022-10-30',
                        isCheck: 1,
                        selfCheckTime: '2022-10-31',
                        isRisky: 1
                    },
                    {
                        sendDate: '2022-10-29',
                        name: '2023年上半年……',
                        department: '新疆维吾尔应急管理厅',
                        deadline: '2022-10-30',
                        isCheck: 0,
                        selfCheckTime: '2022-10-31',
                        isRisky: 0
                    }
                ]
                checkData: []
            }
        },
        created() {

            const t = this
            t.getUncheckList()
        },
        mounted() {

@@ -139,21 +103,46 @@
            handleSizeChange: function (val) {
                this.pageSize = val
                this.currentPage = 1
                // this.getDataList()
                this.getUncheckList()
            },
            handleCurrentChange: function (val) {
                this.currentPage = val
                // this.getDataList()
                this.getUncheckList()
            },

            toReport(row){
                const t = this
                t.$refs.report.dialogVisible = true
                t.$refs.report.id = row.id
            },

            toDetail(row){
                const t = this
                t.$refs.details.dialogVisible = true
                t.$refs.details.id = row.id
            },

            toRepair(row){
                const t = this
                t.$refs.repair.dialogVisible = true
                t.$refs.repair.id = row.id
            },

            async getUncheckList(){
                const t = this
                t.listLoading = true
                let data = {pageIndex: t.currentPage,pageSize: t.pageSize}
                let res = await getUnDoneCheckTask(data)
                if(res.data.code === "200"){
                    t.recordTotal = res.data.result.total
                    t.checkData = res.data.result.records
                }else{
                    t.$message({
                        type:'warning',
                        message:res.data.message
                    })
                }
                t.listLoading = false
            },
        }
    }