admin-sjzx/src/views/pqs/supervise/electricalEnergy/components1/complaints.vue

<template>
    <!-- 用户投诉 -->
    <!-- 2 有新增 发起 预警单 -->

    <TableHeader area datePicker ref="TableHeaderRef">
        <template v-slot:operation>
            <el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
        </template>
    </TableHeader>
    <Table ref="tableRef" />
    <!-- 新增 -->
    <complaintsForm ref="formRef" @onSubmit="tableStore.index()" />
</template>
<script setup lang="ts">
import { ref, onMounted, provide, nextTick } from 'vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { useDictData } from '@/stores/dictData'
import complaintsForm from './form/complaintsForm.vue'
import { useRouter } from 'vue-router'
import { sureInitiateWarningLeaflet } from '@/api/process-boot/electricitymanagement'
// Steady_Statis
const dictData = useDictData()
const exceeded = dictData.getBasicData('Steady_Statis')
const tableRef = ref()
const planAddRef = ref()
const formRef = ref()
const TableHeaderRef = ref()
const router = useRouter() // 路由对象
const tableStore = new TableStore({
    url: '/supervision-boot/SupervisionUserComplaint/list',
    publicHeight: 65,
    method: 'POST',
    column: [
        {
            title: '序号',
            type: 'seq',
            align: 'center',
            width: 60,
            formatter: (row: any) => {
                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
            }
        },
        { field: 'userName', title: '用户名称' },
        { field: 'userNumber', title: '用户编号' },
        // { field: 'userCategory', title: '用户类别' },
        { field: 'complaintText', title: '投诉内容' },
        { field: 'steadyIndicator', title: '稳态指标' },
        { field: 'transientIndicators', title: '暂态指标' },
        {
            field: 'monitorName',
            title: '监测点名称',
            formatter: (row: any) => {
                return row.cellValue ? row.cellValue : '/'
            }
        },
        // {
        //     field: 'monitorNumber',
        //     title: '监测点编号',
        //     formatter: (row: any) => {
        //         return row.cellValue ? row.cellValue : '/'
        //     }
        // },
        {
            field: 'detectionFlag',
            title: '是否实现监测',
            formatter: (row: any) => {
                return row.cellValue == '0' ? '否' : '是'
            }
        },
        {
            field: 'createBy',
            title: '填报人',
            minWidth: 80,
            formatter: (row: any) => {
                return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
            }
        },
        {
            title: '操作',
            width: '180',
            align: 'center',
            render: 'buttons',
            buttons: [
                {
                    name: 'edit',
                    title: '发起告警单',
                    type: 'warning',
                    icon: 'el-icon-Open',
                    render: 'confirmButton',
                    disabled: row => {
                        return row.initiateWarningFlag == 1
                    },
                    popconfirm: {
                        confirmButtonText: '确认',
                        cancelButtonText: '取消',
                        confirmButtonType: 'primary',
                        title: '请确认发起告警单!'
                    },
                    click: row => {
                        sureInitiateWarningLeaflet({ id: row.id })
                        ElMessage.success('发起告警单成功！')
                        tableStore.index()
                    }
                },
                {
                    name: 'edit',
                    title: '查看告警单',
                    type: 'primary',
                    icon: 'el-icon-Open',
                    render: 'basicButton',
                    disabled: row => {
                        return row.initiateWarningFlag == 0
                    },
                    click: row => {
                        router.push({
                            name: 'supervision/supervision/manage',
                            state:{
                                type:1
                            }
                        })
                    }
                }
            ]
        }
    ],
    beforeSearchFun: () => {
        tableStore.table.params.orgNo = tableStore.table.params.deptIndex
        tableStore.table.params.currentPage = tableStore.table.params.pageNum
    },
    loadCallback: () => {
        // tableStore.table.data = [
        //     {
        //         userName: '东润开阳堡光伏电站用户',
        //         userId: '8115771123274',
        //         complaintContent: '装置频繁重启',
        //         complaintTime: '2024-05-16'
        //     }
        // ]
    }
})

provide('tableStore', tableStore)

onMounted(() => {
    tableStore.index()
})
// 新增
const add = () => {
    formRef.value.open({ text: '新增投诉' })
}
</script>

<style scoped lang="scss"></style>