From 91e553ead319c1a0f0cf797d67e2caa580ab7f90 Mon Sep 17 00:00:00 2001
From: zhujiyan <17812234322@163.com>
Date: Tue, 14 May 2024 16:47:42 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=88=E7=AB=AF=E5=85=A5=E7=BD=91=E6=A3=80?=
 =?UTF-8?q?=E6=B5=8B-=E6=96=B0=E5=A2=9E=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../terminalNetworkDetection/addForm.vue      | 755 ++++++++++++++++++
 .../terminalNetworkDetection/index.vue        | 209 +++++
 src/views/pqs/supervise/interfere/index.vue   |  10 +-
 3 files changed, 970 insertions(+), 4 deletions(-)
 create mode 100644 src/views/pqs/supervise/interfere/components/terminalNetworkDetection/addForm.vue
 create mode 100644 src/views/pqs/supervise/interfere/components/terminalNetworkDetection/index.vue

diff --git a/src/views/pqs/supervise/interfere/components/terminalNetworkDetection/addForm.vue b/src/views/pqs/supervise/interfere/components/terminalNetworkDetection/addForm.vue
new file mode 100644
index 00000000..d507d81d
--- /dev/null
+++ b/src/views/pqs/supervise/interfere/components/terminalNetworkDetection/addForm.vue
@@ -0,0 +1,755 @@
+<template>
+    <el-dialog
+        v-model="dialogFormVisible"
+        title="台账模型"
+        width="55%"
+        height="400"
+        :append-to-body="true"
+        :before-close="close"
+        :close-on-click-modal="false"
+        draggable
+    >
+        <!-- 用户档案录入 新建1 -->
+        <el-form
+            :model="form"
+            :validate-on-rule-change="false"
+            :scroll-to-error="true"
+            :rules="rules"
+            ref="ruleFormRef"
+        >
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="填报人：" :label-width="formLabelWidth" prop="reporter">
+                        <el-input
+                            v-model="form.reporter"
+                            autocomplete="off"
+                            :disabled="true"
+                            place-holder="请输入填报人"
+                        />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="填报日期：" :label-width="formLabelWidth" prop="reportDate">
+                        <el-date-picker
+                            :disabled="true"
+                            style="width: 100%"
+                            v-model="form.reportDate"
+                            type="date"
+                            placeholder="请选择填报日期"
+                        />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row>
+                <el-col></el-col>
+                <el-col></el-col>
+            </el-row>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="填报部门：" :label-width="formLabelWidth" prop="orgId">
+                        <el-input v-model="form.orgId" :disabled="true" autocomplete="off" />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="工程投产日期：" :label-width="formLabelWidth" prop="expectedProductionDate">
+                        <el-date-picker
+                            style="width: 100%"
+                            v-model="form.expectedProductionDate"
+                            type="date"
+                            format="YYYY-MM-DD"
+                            value-format="YYYY-MM-DD"
+                            :disabled-date="disabledDate"
+                            placeholder="请选择工程投产日期"
+                            :disabled="openType == 'detail'"
+                        />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="所属地市：" :label-width="formLabelWidth" prop="city">
+                        <el-select
+                            v-model="form.city"
+                            clearable
+                            placeholder="请选择所属地市"
+                            :disabled="openType == 'detail'"
+                        >
+                            <el-option
+                                v-for="item in areaOptionList"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item.name"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="用户状态：" :label-width="formLabelWidth" prop="userStatus">
+                        <el-select
+                            v-model="form.userStatus"
+                            placeholder="请选择用户状态"
+                            :disabled="openType == 'detail'"
+                        >
+                            <el-option
+                                v-for="(item, index) in userStateList"
+                                :label="item.label"
+                                :value="item.value"
+                                :disabled="item.label != '建设'"
+                                :key="index"
+                            />
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="工程名称：" :label-width="formLabelWidth" prop="projectName">
+                        <el-input
+                            v-model="form.projectName"
+                            autocomplete="off"
+                            placeholder="请输入工程名称"
+                            :disabled="openType == 'detail'"
+                        />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item
+                        label="终端台账信息："
+                        :label-width="formLabelWidth"
+                        prop="file1"
+                        :show-message="false"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file1"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item
+                        label="监测点台账信息："
+                        :label-width="formLabelWidth"
+                        prop="file2"
+                        :show-message="false"
+                        class="label_over_warp"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file2"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item
+                        label="验收检验报告单："
+                        :label-width="formLabelWidth"
+                        prop="file3"
+                        :show-message="false"
+                        class="label_over_warp"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file3"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item
+                        label="验收检验报告："
+                        :label-width="formLabelWidth"
+                        prop="file4"
+                        :show-message="false"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file4"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item
+                        label="型式实验报告："
+                        :label-width="formLabelWidth"
+                        prop="file5"
+                        :show-message="false"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file5"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item
+                        label="出厂检验报告："
+                        :label-width="formLabelWidth"
+                        prop="file6"
+                        :show-message="false"
+                        class="label_over_warp"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file6"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item
+                        label="性能检测报告："
+                        :label-width="formLabelWidth"
+                        prop="file7"
+                        :show-message="false"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file7"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item
+                        label="信息安全检测报告："
+                        :label-width="formLabelWidth"
+                        prop="file8"
+                        :show-message="false"
+                        class="label_over_warp"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file8"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item
+                        label="其他附件："
+                        :label-width="formLabelWidth"
+                        class="no_required"
+                        prop="file9"
+                        :show-message="false"
+                    >
+                        <el-upload
+                            v-model:file-list="form.file9"
+                            ref="uploadRef"
+                            action=""
+                            accept=".xls,.xlsx"
+                            :limit="1"
+                            :on-exceed="handleExceed"
+                            :on-change="choose"
+                            :auto-upload="false"
+                            :on-progress="uploadFileName('file1')"
+                        >
+                            <template #trigger>
+                                <el-button type="primary" :disabled="openType == 'detail'">上传文件</el-button>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <template #footer>
+            <div class="dialog-footer">
+                <el-button @click="close()">取消</el-button>
+                <el-button type="primary" @click="confirmForm()">确定</el-button>
+            </div>
+        </template>
+    </el-dialog>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted, reactive, defineExpose, defineProps, defineEmits, watch, onUnmounted } from 'vue'
+// import { upload, insertTerminal, updateTerminal } from '@/api/process-boot/terminal'
+import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
+import { genFileId, ElMessage } from 'element-plus'
+import { useDictData } from '@/stores/dictData'
+import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
+import moment from 'moment'
+import { queryByAllCode } from '@/api/system-boot/dictTree'
+import { useAdminInfo } from '@/stores/adminInfo'
+import { uploadFile } from '@/api/system-boot/file'
+import { submitFormData } from '@/api/supervise/interfere/index'
+defineProps({
+    openType: {
+        type: String,
+        default: 'create'
+    }
+})
+const emits = defineEmits(['onSubmit'])
+const dictData = useDictData()
+const dialogFormVisible = ref(false)
+const formLabelWidth = '120px'
+const form: any = ref({})
+const ruleFormRef = ref(null)
+//字典获取所属地市
+const areaOptionList = dictData.getBasicData('jibei_area')
+
+//用户状态数组
+const userStateList = reactive([
+    {
+        label: '可研',
+        value: '0'
+    },
+    {
+        label: '建设',
+        value: '1'
+    },
+    {
+        label: '运行',
+        value: '2'
+    },
+    {
+        label: '退运',
+        value: '3'
+    }
+])
+//获取登陆用户姓名和部门
+const adminInfo = useAdminInfo()
+const resetForm = () => {
+    form.value = {
+        reporter: '', //填报人  2
+        reportDate: new Date(), //填报日期  2
+        orgId: '', //填报部门  2
+        expectedProductionDate: '', //工程投产日期 2
+        city: areaOptionList[0].name, //所属地市 2
+        userStatus: userStateList[1].value, //用户状态 2
+        projectName: '', //工程名称 2
+
+        file1: [], //上传文件1
+        file2: [], //上传文件2
+        file3: [], //上传文件3
+        file4: [], //上传文件4
+        file5: [], //上传文件5
+        file6: [], //上传文件6
+        file7: [], //上传文件7
+        file8: [], //上传文件8
+        file9: [] //上传文件9
+    }
+
+    form.value.reporter = adminInfo.$state.name
+    form.value.orgId = adminInfo.$state.deptName
+}
+//初始化数据
+resetForm()
+const subForm = ref({
+    reporter: '', //填报人  2
+    reportDate: new Date(), //填报日期  2
+    orgId: '', //填报部门  2
+    expectedProductionDate: '', //工程投产日期 2
+    city: areaOptionList[0].name, //所属地市 2
+    userStatus: userStateList[1].value, //用户状态 2
+    projectName: '', //工程名称 2
+
+    file1: [], //上传文件1
+    file2: [], //上传文件2
+    file3: [], //上传文件3
+    file4: [], //上传文件4
+    file5: [], //上传文件5
+    file6: [], //上传文件6
+    file7: [], //上传文件7
+    file8: [], //上传文件8
+    file9: [] //上传文件9
+})
+
+//定义校验规则
+const rules = ref({
+    reporter: [
+        {
+            required: true,
+            message: '请输入填报人',
+            trigger: 'blur'
+        }
+    ],
+    reportDate: [
+        {
+            required: true,
+            message: '请选择填报日期',
+            trigger: 'change'
+        }
+    ],
+    orgId: [
+        {
+            required: true,
+            message: '请选择填报部门',
+            trigger: 'change'
+        }
+    ],
+    expectedProductionDate: [
+        {
+            required: true,
+            message: '请选择工程投产日期',
+            trigger: 'change'
+        }
+    ],
+    city: [
+        {
+            required: true,
+            message: '请选择所属地市',
+            trigger: 'change'
+        }
+    ],
+    userStatus: [
+        {
+            required: true,
+            message: '请选择用户状态',
+            trigger: 'change'
+        }
+    ],
+    projectName: [
+        {
+            required: true,
+            message: '请输入工程名称',
+            trigger: 'blur'
+        }
+    ],
+
+    file1: [
+        {
+            required: true
+        }
+    ],
+    file2: [
+        {
+            required: true
+        }
+    ],
+    file3: [
+        {
+            required: true
+        }
+    ],
+    file4: [
+        {
+            required: true
+        }
+    ],
+    file5: [
+        {
+            required: true
+        }
+    ],
+    file6: [
+        {
+            required: true
+        }
+    ],
+    file7: [
+        {
+            required: true
+        }
+    ],
+    file8: [
+        {
+            required: true
+        }
+    ],
+    file9: [
+        {
+            required: false
+        }
+    ]
+})
+watch(
+    () => form.value,
+    (val, oldVal) => {},
+    {
+        deep: true
+    }
+)
+const open = () => {
+    dialogFormVisible.value = true
+}
+const close = () => {
+    //重置表单内容
+    //取消表单校验状态
+    ruleFormRef.value && ruleFormRef.value.resetFields()
+    dialogFormVisible.value = false
+    emits('onSubmit')
+    resetForm()
+}
+onMounted(() => {
+    console.log()
+})
+
+// 上传报告
+const uploadRef = ref()
+const handleExceed: UploadProps['onExceed'] = files => {
+    uploadRef.value!.clearFiles()
+    const file = files[0] as UploadRawFile
+    file.uid = genFileId()
+    uploadRef.value!.handleStart(file)
+}
+let uploadName = ref('')
+//上传报告改变
+const uploadFileName = val => {
+    uploadName.value = val
+}
+// 终端台账信息
+const file1 = ref('')
+//监测点台账信息
+const file2 = ref('')
+//验收检验报告单
+const file3 = ref('')
+//验收检验报告
+const file4 = ref('')
+//型式实验报告
+const file5 = ref('')
+//出厂检验报告
+const file6 = ref('')
+//性能检测报告
+const file7 = ref('')
+//信息安全检测报告
+const file8 = ref('')
+//其他附件
+const file9 = ref('')
+const choose = (e: any) => {
+    uploadFile(e.raw, '/supervision/').then(res => {
+        //终端台账信息
+        if (uploadName.value == 'file1') {
+            file1.value = res.data.name
+        }
+        //监测点台账信息
+        else if (uploadName.value == 'file2') {
+            file2.value = res.data.name
+        }
+        //验收检验报告单
+        else if (uploadName.value == 'file3') {
+            file3.value = res.data.name
+        }
+        //验收检验报告
+        else if (uploadName.value == 'file4') {
+            file4.value = res.data.name
+        }
+        //型式实验报告
+        else if (uploadName.value == 'file5') {
+            file5.value = res.data.name
+        }
+        //出厂检验报告
+        else if (uploadName.value == 'file6') {
+            file6.value = res.data.name
+        }
+        //性能检测报告
+        else if (uploadName.value == 'file7') {
+            file7.value = res.data.name
+        }
+        //信息安全检测报告
+        else if (uploadName.value == 'file8') {
+            file8.value = res.data.name
+        }
+        //信息安全检测报告
+        else if (uploadName.value == 'file9') {
+            file9.value = res.data.name
+        }
+    })
+}
+
+//设置工程投产日期时间选择范围不能<今天
+const disabledDate = time => {
+    return time.getTime() < Date.now() - 8.64e7 // 8.64e7 毫秒数代表一天
+}
+//提交
+const confirmForm = () => {
+    ruleFormRef.value.validate(valid => {
+        if (valid) {
+            //整理上传文件的数据
+            // userType==0,1
+            subForm.value.reporter = adminInfo.$state.id
+            subForm.value.orgId = adminInfo.$state.deptId
+            let confirmFormData = JSON.parse(JSON.stringify(subForm.value))
+
+            //其他附件非必填
+            submitFormData(confirmFormData).then(res => {
+                ruleFormRef.value.resetFields()
+                resetForm()
+                close()
+            })
+        } else {
+            console.log('表单验证失败')
+            //1.判断是否上传
+
+            if (!file1.value) {
+                return ElMessage({
+                    message: '请上传终端台账信息',
+                    type: 'warning'
+                })
+            }
+            if (!file2.value) {
+                return ElMessage({
+                    message: '请上传监测点台账信息',
+                    type: 'warning'
+                })
+            }
+            if (!file3.value) {
+                return ElMessage({
+                    message: '请上传验收检验报告单',
+                    type: 'warning'
+                })
+            }
+            if (!file4.value) {
+                return ElMessage({
+                    message: '请上传验收检验报告',
+                    type: 'warning'
+                })
+            }
+            if (!file5.value) {
+                return ElMessage({
+                    message: '请上传型式实验报告',
+                    type: 'warning'
+                })
+            }
+            if (!file6.value) {
+                return ElMessage({
+                    message: '请上传出厂检验报告',
+                    type: 'warning'
+                })
+            }
+            if (!file7.value) {
+                return ElMessage({
+                    message: '请上传性能检测报告',
+                    type: 'warning'
+                })
+            }
+            if (!file8.value) {
+                return ElMessage({
+                    message: '请上传信息安全检测报告',
+                    type: 'warning'
+                })
+            }
+            return false
+        }
+    })
+}
+defineExpose({ open })
+</script>
+<style lang="scss" scoped>
+.el-form {
+    width: 96%;
+    height: 400px;
+    margin: 0 auto;
+    overflow-y: auto;
+    padding-top: 20px;
+}
+.dialog-footer {
+    padding: 10px;
+}
+/* 调整标签的换行行为 */
+.label_over_warp::v-deep .el-form-item__label {
+    white-space: pre-line !important;
+    line-height: 16px !important;
+}
+.el-form-item {
+    padding: 0 20px;
+    height: auto !important;
+}
+::v-deep .el-form-item__label {
+    justify-content: flex-start !important;
+}
+.form-label-left-align {
+    text-align: left;
+}
+::v-deep .el-input-number .el-input__inner {
+    text-align: left;
+}
+.no_required::v-deep .el-form-item__label {
+    padding-left: 10px !important;
+}
+</style>
diff --git a/src/views/pqs/supervise/interfere/components/terminalNetworkDetection/index.vue b/src/views/pqs/supervise/interfere/components/terminalNetworkDetection/index.vue
new file mode 100644
index 00000000..4af552a1
--- /dev/null
+++ b/src/views/pqs/supervise/interfere/components/terminalNetworkDetection/index.vue
@@ -0,0 +1,209 @@
+<!---终端入网检测-->
+<template>
+    <TableHeader ref="TableHeaderRef">
+        <template #select>
+            <el-form-item label="工程名称">
+                <el-input v-model="tableStore.table.params.searchValue" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="所属地市">
+                <el-select v-model="tableStore.table.params.loadType" clearable placeholder="请选择所属地市">
+                    <el-option
+                        v-for="item in areaOptionList"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                    ></el-option>
+                </el-select>
+            </el-form-item>
+        </template>
+        <template #operation>
+            <el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button>
+            <!-- <el-button icon="el-icon-Download" @click="exportEvent" type="primary">导出</el-button> -->
+        </template>
+    </TableHeader>
+    <Table ref="tableRef" />
+
+    <!-- 新增弹框 -->
+    <addForm ref="addForms" @onSubmit="tableStore.index()"></addForm>
+</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 { useRouter } from 'vue-router'
+import { useDictData } from '@/stores/dictData'
+import { getLoadTypeUserList } from '@/api/process-boot/interference'
+import addForm from './addForm.vue'
+const dictData = useDictData()
+const { push } = useRouter()
+
+const TableHeaderRef = ref()
+const tableRef = ref()
+const areaOptionList = dictData.getBasicData('jibei_area')
+const ruleFormRef = ref()
+const show: any = ref(false)
+const fileList = ref([])
+const tableStore = new TableStore({
+    url: '/supervision-boot/userReport/getUserReport',
+    publicHeight: 65,
+    method: 'POST',
+    column: [
+        { title: '序号', type: 'seq', width: 80 },
+        { field: 'projectName', title: '工程名称', minWidth: 170 },
+        {
+            field: 'userType',
+            title: '用户性质',
+            minWidth: 150,
+            formatter: (obj: any) => {
+                const userType = obj.row.userType
+                return getUserTypeName(userType)
+            }
+        },
+        { field: 'city', title: '所属地市', minWidth: 80 },
+        { field: 'responsibleDepartment', title: '归口管理部门', minWidth: 130 },
+        {
+            field: 'userStatus',
+            title: '用户状态',
+            minWidth: 100,
+            render: 'tag',
+            custom: {
+                0: 'primary',
+                1: 'primary',
+                2: 'success',
+                3: 'warning'
+            },
+            replaceValue: {
+                0: '可研',
+                1: '建设',
+                2: '运行',
+                3: '退运'
+            }
+        },
+        { field: 'substation', title: '变电站', minWidth: 100 },
+        {
+            field: 'status',
+            title: '审核状态',
+            minWidth: 100,
+            render: 'tag',
+            custom: {
+                1: 'primary',
+                2: 'success',
+                3: 'danger',
+                4: 'warning'
+            },
+            replaceValue: {
+                1: '审批中',
+                2: '审批通过',
+                3: '审批不通过',
+                4: '已取消'
+            }
+        },
+        { field: 'createTime', title: '开始时间', minWidth: 170 },
+        {
+            title: '操作',
+            minWidth: 150,
+            fixed: 'right',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'productSetting',
+                    title: '流程详情',
+                    type: 'primary',
+                    icon: 'el-icon-EditPen',
+                    render: 'basicButton',
+                    click: row => {
+                        handleAudit(row.processInstanceId)
+                    }
+                }
+            ]
+        }
+    ],
+
+    beforeSearchFun: () => {
+        tableStore.table.params.orgNo = tableStore.table.params.deptIndex
+        tableStore.table.params.relationUserName = tableStore.table.params.userName
+    }
+})
+
+tableStore.table.params.loadType = ''
+tableStore.table.params.userName = ''
+tableStore.table.params.fileUploadflag = ''
+
+provide('tableStore', tableStore)
+
+const addForms = ref()
+const addFormModel = () => {
+    setTimeout(() => {
+        addForms.value.open()
+    }, 0);
+  
+}
+
+const exportEvent = () => {
+    let form = JSON.parse(JSON.stringify(tableStore.table.params))
+    form.pageNum = 1
+    form.pageSize = tableStore.table.total
+    getLoadTypeUserList(form).then(res => {
+        tableRef.value.getRef().exportData({
+            filename: '未建档非线性用户', // 文件名字
+            sheetName: 'Sheet1',
+            type: 'xlsx', //导出文件类型 xlsx 和 csv
+            useStyle: true,
+            data: res.data.records, // 数据源 // 过滤那个字段导出
+            columnFilterMethod: function (column: any) {
+                return !(column.$columnIndex === 0)
+            }
+        })
+    })
+}
+onMounted(() => {
+    tableStore.index()
+})
+
+/** 处理审批按钮 */
+const handleAudit = (instanceId: any) => {
+    push({
+        name: 'BpmProcessInstanceDetail',
+        query: {
+            id: instanceId
+        }
+    })
+}
+
+/**获取用户性质*/
+const getUserTypeName = (userType: any) => {
+    if (userType === 0) {
+        return '新建电网工程'
+    }
+    if (userType === 1) {
+        return '扩建电网工程'
+    }
+    if (userType === 2) {
+        return '新建非线性负荷用户'
+    }
+    if (userType === 3) {
+        return '扩建非线性负荷用户'
+    }
+    if (userType === 4) {
+        return '新建新能源发电站'
+    }
+    if (userType === 5) {
+        return '扩建新能源发电站'
+    }
+    if (userType === 6) {
+        return '敏感及重要用户'
+    }
+    return '新建电网工程'
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.el-upload-list__item) {
+    width: 400px;
+}
+
+::v-deep .el-input__wrapper {
+    width: 200px !important;
+}
+</style>
diff --git a/src/views/pqs/supervise/interfere/index.vue b/src/views/pqs/supervise/interfere/index.vue
index 2626f9f8..a6e2d870 100644
--- a/src/views/pqs/supervise/interfere/index.vue
+++ b/src/views/pqs/supervise/interfere/index.vue
@@ -4,9 +4,12 @@
             <el-tab-pane label="干扰源用户建档管理" name="1">
                 <undocumented v-if="activeName == '1'" />
             </el-tab-pane>
-<!--            <el-tab-pane label="入网评估报告审核" name="2"><network v-if="activeName == '2'" /></el-tab-pane>-->
+            <!--            <el-tab-pane label="入网评估报告审核" name="2"><network v-if="activeName == '2'" /></el-tab-pane>-->
             <el-tab-pane label="常态化干扰源用户管理" name="3"><normal v-if="activeName == '3'" /></el-tab-pane>
-<!--            <el-tab-pane label="实测报告审核" name="4"><report v-if="activeName == '4'" /></el-tab-pane>-->
+            <!--            <el-tab-pane label="实测报告审核" name="4"><report v-if="activeName == '4'" /></el-tab-pane>-->
+            <el-tab-pane label="终端入网检测" name="5">
+              <terminalNetworkDetection v-if="activeName == '5'"></terminalNetworkDetection>
+            </el-tab-pane>
         </el-tabs>
     </div>
 </template>
@@ -18,6 +21,7 @@ import network from './components/network/index.vue'
 import normal from './components/normal.vue'
 import report from './components/report.vue'
 import { mainHeight } from '@/utils/layout'
+import terminalNetworkDetection from './components/terminalNetworkDetection/index.vue'
 defineOptions({
     name: 'Processsupervision/interferencemanagement'
 })
@@ -26,8 +30,6 @@ const Statistics = ref()
 const compatibility = ref()
 
 const layout = mainHeight(63) as any
-
-
 </script>
 
 <style lang="scss" scoped>