pqs-9100_client/frontend/src/views/machine/testScript/components/setValueTable.vue

import { ref } from "vue"

<template>
    <el-dialog title="检测项目信息" v-model="dialogVisible" @close="close" v-bind="dialogBig" width="1400">
        <div class="table-container">
            <el-table
                :data="tableData"
                :header-cell-style="{
                    textAlign: 'center',
                    backgroundColor: '#003078',
                    color: '#fff'
                }"
                stripe
                :cell-style="{ textAlign: 'center' }"
                height="600px"
            >
                <el-table-column type="index" label="序号" width="60" />
                <el-table-column prop="pname" label="参考设定值类型" />
                <el-table-column prop="name" label="参考设定值子类型" />
                <el-table-column prop="phase" label="相别" />
                <el-table-column prop="value" label="参考设定值" />
                <el-table-column label="操作">
                    <template #default="{ row }">
                        <el-button type="primary" link :icon="EditPen">编辑</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </div>
        <!-- <ProTable
                ref="proTable"
                :columns="columns"
                :request-api="getTableList"
                :pagination="false"
                :toolButton="false"
                :style="{ height: '530px', maxHeight: '530px', overflow: 'hidden' }"
            >
               
                <template #tableHeader="scope">
                    <el-button v-auth.testScript="'add'" type="primary" :icon="CirclePlus" @click="add">新增</el-button>
                    <el-button
                        v-auth.testScript="'delete'"
                        type="danger"
                        :icon="Delete"
                        plain
                        :disabled="!scope.isSelected"
                        @click="batchDelete(scope.selectedListIds)"
                    >
                        删除
                    </el-button>
                </template>
         
                <template #operation="scope">
                    <el-button
                        v-auth.testScript="'upgrade'"
                        type="primary"
                        v-if="scope.row.type !== 1"
                        link
                        :icon="Share"
                        @click="copy(scope.row)"
                    >
                        复制
                    </el-button>
                    <el-button
                        v-auth.testScript="'edit'"
                        type="primary"
                        link
                        :icon="EditPen"
                        :model-value="false"
                        @click="edit(scope.row)"
                    >
                        编辑
                    </el-button>
                    <el-button
                        v-auth.testScript="'delete'"
                        type="primary"
                        link
                        :icon="Delete"
                        @click="batchDelete(scope.row)"
                    >
                        删除
                    </el-button>
                </template>
            </ProTable> -->

        <template #footer>
            <div>
                <el-button @click="close">取 消</el-button>
                <el-button type="primary" @click="save">保存</el-button>
            </div>
        </template>
    </el-dialog>
    <el-dialog :title="dialogTitle" v-model="showForm" @close="close" width="500">
        <el-form ref="form" :model="form" label-width="auto">
            <el-form-item label="参考设定值类型" prop="name">
                <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="参考设定值子类型" prop="standardName">
                <el-input v-model="form.standardName" />
            </el-form-item>
            <el-form-item label="参考设定值" prop="standardTime">
                <el-input v-model="form.standardTime" />
            </el-form-item>
        </el-form>
        <template #footer>
            <div>
                <el-button @click="close()">取 消</el-button>
                <el-button type="primary" @click="save">保 存</el-button>
            </div>
        </template>
    </el-dialog>
</template>

<script setup lang="ts">
import type { TestScript } from '@/api/device/interface/testScript'
import type { ColumnProps } from '@/components/ProTable/interface'
import { CirclePlus, EditPen, Delete, Share } from '@element-plus/icons-vue'
import { reactive, ref } from 'vue'
import { getDictTreeByCode } from '@/api/system/dictionary/dictTree'
import { dialogBig } from '@/utils/elementBind'
import { checkDataList, scriptDtlsCheckDataList } from '@/api/device/testScript/index'
const showForm = ref(false)
const dialogVisible = ref(false)
const dialogTitle = ref('')
const props = defineProps({
    activeName: {
        type: String,
        required: true
    },

    formContent: {
        type: [Object, Array],
        required: true
    },
    form: {
        type: [Object, Array],
        required: true
    }
})
const tableData: any = ref([])
// 表格配置项

const form = ref({
    name: 220,
    standardName: 0,
    standardTime: 0
})

// 打开弹窗，可能是新增，也可能是编辑
const open = async (row: any) => {
    dialogVisible.value = true
    // checkDataList({ scriptId: props.formContent.id, scriptType: props.activeName }).then((res: any) => {

    // })
    let treeData: any = []
    await getDictTreeByCode({
        name: '',
        id: '',
        pid: '',
        pids: '',
        code: 'Script_Error',
        sort: 0
    }).then((res: any) => {
        treeData = res.data[0].children
    })

    let checkDataList = [
        {
            pid: '004e06c7145e8454493dd69ad485c2a9',
            valueType: '2da2a32c0cd19fb6368b9f4c249c2b3c',
            dataType: 'real',
            enable: 1,
            errorFlag: 1
        }
    ]
    await scriptDtlsCheckDataList({
        ...props.form,
        scriptId: props.formContent?.id,
        scriptType: props.activeName,
        checkDataList: checkDataList
    }).then((res: any) => {
        res.data.forEach((item: any) => {
            let pList = treeData.filter((i: any) => i.id == item.pid)[0]
            item.pname = pList.name
            item.name = pList.children.filter((i: any) => i.id == item.valueType)[0].name
        })
        tableData.value = res.data
    })
}
const save = () => {
    dialogVisible.value = false
}

// 关闭弹窗
const close = () => {
    dialogVisible.value = false
}

// 对外映射
defineExpose({ open })
</script>

<style scoped></style>