<template>
    <div>
        <avue-crud :option="option"  :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
            @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
            @refresh-change="refreshChange" @on-load="onLoad" :before-open="beforeOpen">
            <template #menu-left>
                <el-button type="primary" @click="handleLine">生成报告
                </el-button>
                <el-button type="danger" @click="handleDelete">删 除
                </el-button>
            </template>
            <template #menu="scope">
                <el-button type="text" @click="handleView(scope.row)">详情</el-button>
                <el-button type="text" @click="rowDel(scope.row)">删除</el-button>
            </template>
        </avue-crud>
        <el-dialog title="检验报告" append-to-body v-model="lineBox" fullscreen width="95%">
            <el-form :inline="true" v-model="lineForm" label-width="80px">
                <el-row :gutter="24">
                    <el-col :span="5">
                        <el-form-item label="作业中心:" prop="workCenterId">
                            <el-select v-model="lineForm.workCenterId"  placeholder="请选择" @change="changeWorkCenter" style="width: 220px;">
                                <el-option v-for="item in workList" :key="item.id" :label="item.wcName" :value="item.id" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="槽号:" prop="workTankId">
                            <el-select v-model="lineForm.workTankId" placeholder="请选择" style="width: 220px;">
                                <el-option v-for="item in tankList" :key="item.id" :label="item.name" :value="item.id" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <!-- <el-col :span="5">
                        <el-form-item label="槽液信息:" prop="tank">
                            <el-select v-model="lineForm.tank" placeholder="请选择" style="width: 220px;">
                                <el-option v-for="item in tankData" :key="item.value" :label="item.label"
                                    :value="item.value"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col> -->
                    <el-col :span="5">
                        <el-form-item label="分析项目:" prop="testElement">
                            <!-- <el-select v-model="lineForm.tank" placeholder="请选择" style="width: 220px;">
                                <el-option v-for="item in tankData" :key="item.value" :label="item.label"
                                    :value="item.value"></el-option>
                            </el-select> -->
                            <el-input v-model="lineForm.testElement" style="width: 220px;"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="时间范围:" prop="timeRange">
                            <el-date-picker v-model="lineForm.timeRange" type="daterange" format="YYYY-MM-DD"
                                value-format="YYYY-MM-DD" range-separator="至" start-placeholder="开始日期"
                                end-placeholder="结束日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="3">
                        <el-form-item style="float: right;">
                            <el-button type="primary" @click="createLine">搜索</el-button>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <div style="height: 600px;">
                <avue-crud :option="addoption" :table-loading="loading" :data="reportData" v-model="form" v-model:page="page"
                    ref="crud"  
                    @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
                    @refresh-change="refreshChange" @on-load="onLoad" :before-open="beforeOpen">
                </avue-crud>

            </div>


            <template #footer>
                <span class="dialog-footer">
                    <el-button @click="lineBox = false">取 消</el-button>
                    <el-button type="primary" @click="submit">保 存</el-button>
                </span>
            </template>
        </el-dialog>
        <el-dialog title="详情" append-to-body v-model="detailBox" width="70%">
            <div style="padding: 10px 0 30px;border-bottom:1px solid #eee;">
                <div style="margin: 20px 0;">报告信息</div>
                <!-- <div style="display: flex;flex-wrap: wrap;">
                    <div style="width: 33%;margin-bottom: 15px;">作业中心：{{ detailForm.wcName }}</div>
                    <div style="width: 33%;margin-bottom: 15px;">槽号：{{ detailForm.slotNo }}</div>
                    <div style="width: 33%;margin-bottom: 15px;">检测成分：{{ detailForm.testName }}</div>
                    <div style="width: 33%;">曲线时间范围：{{ detailForm.lineTime }}</div>
                    <div style="width: 33%;">操作人：{{ detailForm.createTime }}</div>
                    <div style="width: 33%;">曲线生产时间：{{ detailForm.createUser }}</div>
                </div> -->
            </div>
            <!-- <div style="margin: 20px 0;">
                检测曲线
            </div> -->
            <!-- <div style="width: 100%;height: 520px;" ref="lineChart"></div> -->
        </el-dialog>
    </div>
</template>

<script>
import { detail } from '@/api/flow/flow'
import {getReportList,generateReport,createReport,getReportDetail,deleteReport} from '@/api/tankSolutionSystem/resultsCon'
import {getWorkCenter,getTank,getPerson,getManager,getTeam,addInfo,getDetail,editInfo} from '@/api/tankSolutionSystem/info'
import { format } from 'echarts'
export default {
    data() {
        return {
            data: [],
            form: {},
            query: {},
            lineForm: {},
            nameForm: {},
            detailBox: false,
            detailForm: {},
            tankList:[],
            workList:[],
            reportData:[],
            lineBox: false,
            page: {
                pageSize: 10,
                currentPage: 1,
                total: 0,
            },
            loading: false,
            option: {
                tip: false,
                size: 'medium',
                height: 'auto',
                align: 'center',
                calcHeight: 32,
                // simplePage: true,
                columnSort: true,
                searchShow: true,
                searchMenuSpan: 12,
                searchIcon: true,
                searchIndex: 3,
                tree: false,
                border: true,
                index: true,
                selection: true,
                viewBtn: false,
                delBtn: false,
                addBtn: false,
                editBtn: false,
                editBtnText: '修改',
                viewBtnText: '详情',
                labelWidth: 120,
                // menuWidth: 200,
                dialogWidth: 1200,
                dialogClickModal: false,
                searchEnter: true,
                excelBtn: false,
                filterBtn: true,
                searchShowBtn: false,
                excelBtn: true,
                addBtnIcon: ' ',
                viewBtnIcon: ' ',
                delBtnIcon: ' ',
                editBtnIcon: ' ',
                index: false,
                showOverflowTooltip: true,
                searchLabelPosition: 'left',
                searchLabelPosition: 'left',
                searchGutter: 24,
                searchSpan: 6,
                menuAlign: 'left',
                gridBtn: false,
                searchMenuPosition: 'right',
                column: [
                    {
                        label: '报告名称',
                        prop: 'name',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: true,

                    },

                    {
                        label: '生成时间',
                        prop: 'createTime',
                        type:'date',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                    },
                    {
                        label: '生成时间',
                        prop: 'createTime',
                        type:'date',
                        searchRange:true,
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: true,
                        hide:true,
                        format:'YYYY-MM-DD',
                        valueFormat:"YYYY-MM-DD"
                    },
                    {
                        label: '维护人',
                        prop: 'updateUserRealName',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 240,

                    },
                    {
                        label: '维护时间',
                        prop: 'updateTime',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,

                    },
                ]
            },
            testData: [],
            maxData: [],
            minData: [],
            xData: [],
            lineTitle: '',
            isShowBox: false,
            selectionList: [],
            page: {
                pageSize: 10,
                currentPage: 1,
                total: 0,
            },
            loading: false,
            addoption: {
                addRowBtn: true,
                tip: false,
                size: 'medium',
                // height: 'auto',
                align: 'center',
                calcHeight: 32,
                // simplePage: true,
                columnSort: true,
                searchShow: true,
                searchMenuSpan: 6,
                searchIcon: true,
                searchIndex: 3,
                tree: false,
                border: true,
                index: true,
                selection: false,
                viewBtn: false,
                delBtn: false,
                addBtn: false,
                editBtn: false,
                editBtnText: '修改',
                viewBtnText: '详情',
                labelWidth: 120,
                // menuWidth: 200,
                dialogWidth: 1200,
                dialogClickModal: false,
                searchEnter: true,
                excelBtn: false,
                filterBtn: true,
                searchShowBtn: false,
                excelBtn: true,
                addBtnIcon: ' ',
                viewBtnIcon: ' ',
                delBtnIcon: ' ',
                editBtnIcon: ' ',
                index: false,
                showOverflowTooltip: true,
                menu: false,
                header: false,
                searchLabelPosition: 'left',
                searchLabelPosition: 'left',
                searchGutter: 24,
                searchSpan: 6,
                menuAlign: 'left',
                gridBtn: false,
                searchMenuPosition: 'right',
                column: [
                    {
                        label: '取样时间',
                        prop: 'sampleDate',
                        type:'date',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 160,
                        cell: true,
                        format:"YYYY-MM-DD",
                        valueFormat:"YYYY-MM-DD"
                    },
                    {
                        label: '温度(℃)',
                        prop: 'temperatureActual',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 120,
                        cell: true,

                    },
                    {
                        label: '槽号',
                        prop: 'workTankId',
                        search: false,
                        type: 'select',
                        sortable: true,
                        filter: true,
                        addDisplay: false,
                        editDisplay: false,
                        viewDisplay: false,
                        span: 24,
                        width: 180,
                        // disbled:true,
                        // cell: true,
                        dicUrl:'/api/blade-desk/BA/WorkTank/listForSelect',
                        props:{
                            label:'name',
                            value:'id'
                        }

                    },
                    {
                        label: '体积(L)',
                        prop: 'volume',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 120,
                        cell: true,

                    },
                    {
                        label: '分析项目',
                        prop: 'testElement',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '规范下限(g/L)',
                        prop: 'normValueMin',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,
                    },
                    {
                        label: '目标下限(g/L)',
                        prop: 'targetValueMin',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,
                    },
                    {
                        label: '添加点(g/L)',
                        prop: 'fillingLocation',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '目标值(g/L)',
                        prop: 'targetValue',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '目标上限(g/L)',
                        prop: 'targetValueMax',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '规范上限(g/L)',
                        prop: 'normValueMax',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,

                        width: 140,
                        cell: true,
                    },
                    {
                        label: '化验频率',
                        prop: 'testFrequency',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '化验值(g/L)',
                        prop: 'firstTestValue',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '药品计算公式',
                        prop: 'reportFormulaContent',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '药品添加量',
                        prop: 'actualAddValue',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '药品批次号',
                        prop: 'drugBatCode',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '药品监督员签名',
                        prop: 'drugSuUserSign',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 160,
                        cell: true,
                    },
                    {
                        label: '药品添加人签名',
                        prop: 'drugAddUserSign',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 160,
                        cell: true,

                    },
                    {
                        label: '调整后化验值(g/L)',
                        prop: 'repeatTestValue',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 170,
                        cell: true,
                    },
                    {
                        label: '是否合格',
                        prop: 'qualified',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,
                        type:'select',
                        dicData:[
                            {
                                label:'合格',
                                value:1,
                            },
                            {
                                label:"不合格",
                                value:2
                            }
                        ]

                    },
                    {
                        label: '有效期',
                        prop: 'validDate',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,

                    },
                    {
                        label: '超出规范极限调整后的结果',
                        prop: 'outRangeResult',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 240,
                        cell: true,

                    },
                    {
                        label: '槽液清理记录',
                        prop: 'clearRecord',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,
                    },
                    {
                        label: '控制规范',
                        prop: 'norm',
                        sortable: true,
                        filter: true,
                        span: 8,
                        search: false,
                        width: 140,
                        cell: true,
                    },
                ]
            }
        }
    },
    mounted() {
        this.getWorkCenterList()
        this.getTankList()
    },
    methods: {
        handleLine() {
            this.reportData = []
            this.lineForm = {}
            this.lineBox = true
        },
        // 生成报告
        submit(){
            console.log('repo-----------',this.reportData)
            createReport(this.reportData).then(res =>{
                if(res.data.code == 200){
                    this.$message.success('生成报告成功')
                    this.lineBox = false
                    this.onLoad()
                }
            })
        },
        createLine() {
            // 传 作业中心 workCenterId 作业槽workTankId 槽液liquidTankId 分析项目testElement  时间范围 createTimeStart createTimeEnd
            console.log('lineForm--------',this.lineForm)
            let params = {
                workCenterId:this.lineForm.workCenterId,
                workTankId:this.lineForm.workTankId,
                testElement:this.lineForm.testElement,
                createTimeStart:this.lineForm.timeRange && this.lineForm.timeRange.length != 0 ? this.lineForm.timeRange[0] : '',
                createTimeEnd:this.lineForm.timeRange && this.lineForm.timeRange.length != 0 ? this.lineForm.timeRange[1] : '',
            }

            generateReport(params).then(res =>{
                this.reportData = res.data.data.records.map(item =>{
                    return {
                       $cellEdit:true,
                       ...item 
                    }
                    
                })
                console.log('this.reportData===============',this.reportData)
            })
            
            
            // this.data = [
            //     { $cellEdit: true, id: '1', lineName: '氰化钠', wcName: '化学镀镍作业中心', slotNo: '#21', testName: '氰化钠', lineTime: '2016-10-15 ~ 2016-10-21', createTime: '2016-09-21  08:50:08', createUser: '张三' },
            //     { $cellEdit: true, id: '2', lineName: '氰化钠', wcName: '化学镀镍作业中心', slotNo: '#21', testName: '氰化钠', lineTime: '2016-10-15 ~ 2016-10-21', createTime: '2016-09-21  08:50:08', createUser: '张三' },
            //     { $cellEdit: true, id: '3', lineName: '氰化钠', wcName: '化学镀镍作业中心', slotNo: '#21', testName: '氰化钠', lineTime: '2016-10-10 ~ 2016-10-21', createTime: '2016-09-21  08:50:08', createUser: '张三' },
            //     { $cellEdit: true, id: '4', lineName: '氰化钠', wcName: '化学镀镍作业中心', slotNo: '#21', testName: '氰化钠', lineTime: '2016-10-18 ~ 2016-10-21', createTime: '2016-09-21  08:50:08', createUser: '张三' },
            // ]
        },
        // 作业中心下拉
        getWorkCenterList(){
            getWorkCenter().then(res =>{
                this.workList = res.data.data
            })
        },
         // 切换作业中心
        changeWorkCenter(){
            this.lineForm.workTankId = ''
            this.getTankList(this.lineForm.workCenterId)
        },
        // 查询作业槽下拉列表
        getTankList(val){
            getTank({workstationId:val ? val : ''}).then(res =>{
                this.tankList = res.data.data
            })
        },
        //计算方法
        getDateCount(sDate, eDate) {
            // 定义起始日期和结束日期
            let startDate = new Date(sDate); // 例如：2023年1月1日
            let endDate = new Date(eDate);   // 例如：2023年1月10日

            // 确保起始日期小于等于结束日期
            if (startDate > endDate) {
                [startDate, endDate] = [endDate, startDate];
            }

            // 存储所有日期的数组
            let allDates = [];
            let currentDate = new Date(startDate);
            let totalDays = 0;

            // 循环遍历每一天
            while (currentDate <= endDate) {
                allDates.push(new Date(currentDate)); // 添加当前日期到数组
                totalDays++; // 增加天数计数
                currentDate.setDate(currentDate.getDate() + 1); // 移动到下一天
            }
            return {
                dates: allDates.map(date => date.toISOString().slice(0, 10)), totalDays
            }
        },
        beforeOpen(done, type) {
            if (['add', 'edit'].includes(type)) {
                this.initData();
            }
            if (['edit', 'view'].includes(type)) {
                getMenu(this.form.id).then(res => {
                    this.form = Object.assign(res.data.data, {
                        hasChildren: this.form.hasChildren,
                    });
                    if (this.form.parentId === '0') {
                        this.form.parentId = '';
                    }
                });
            }
            done();
        },
        handleView(row) {
            // this.lineBox = true
            getReportDetail({id:row.id}).then(res =>{
                console.log('res--------------',res)
            })
            // console.log('row-------------------', row)
            // this.detailForm = row
            // let data = row.lineTime.split(' ~ ')
            // console.log('data------------------', data)
            
            // this.lineTitle = '槽号：' + row.slotNo + ' 检测成分：氰化铜'
            // //调用方法
            // let days = this.getDateCount(data[0], data[1]);
            // console.log(days);
            // this.xData = days.dates
            // this.testData = []
            // this.maxData = []
            // this.minData = []
            // for (let i = 0; i < days.totalDays; i++) {
            //     // 生成一个介于0到99之间的随机整数（包括0和99）
            //     let randomInteger = Math.floor(Math.random() * 30);
            //     // 将随机整数添加到数组中
            //     this.testData.push(randomInteger);
            //     this.minData.push(5);
            //     this.maxData.push(30);
            // }
            // this.$nextTick(() => {
            //     this.createBarChart()
            //     this.detailBox = true
            // })
        },

        createBarChart() {
            const mapBoxEchart = this.$echarts.init(this.$refs.lineChart);
            const option = {
                title: {
                    text: this.lineTitle,
                    left: "center",
                },
                legend: {
                    show: true,
                    orient: "vertical",
                    right: 'right'
                },
                grid: {
                    containLabel: true,
                    left: 20,
                    right: 20,
                    bottom: '1%',
                    top: '15%'
                },
                tooltip: {
                    // 提示框组件
                    trigger: 'axis', // 触发类型 柱状图
                    axisPointer: { type: 'shadow' } // 触发效果 移动上去 背景效果
                },
                xAxis: {
                    axisLabel: {
                        color: '#000',
                        fontSize: 14,
                        interval: 0
                    },
                    axisTick: {
                        show: false
                    },
                    splitLine: {
                        show: false
                    },
                    axisLine: {
                        show: true
                    },
                    data: this.xData,
                    type: 'category'
                },
                yAxis: {
                    axisLabel: {
                        color: '#000',
                        fontSize: 14
                    },
                    max: this.maxData[0] + 10,
                    axisTick: {
                        show: false
                    },
                    splitLine: {
                        show: true
                    },
                    axisLine: {
                        show: true
                    },
                    name: ''
                },
                series: [
                    {
                        name: '上限', // 名称
                        data: this.maxData,
                        type: 'line',
                        itemStyle: {
                            color: '#6480e1'
                        },
                        label: {
                            show: false,
                            position: 'top',
                            color: '#000'
                        }
                    },
                    {
                        name: '下限', // 名称
                        data: this.minData,
                        type: 'line',
                        smooth: true,
                        itemStyle: {
                            color: '#c0db50'
                        },
                        label: {
                            show: false,
                            color: '#fff'
                        }
                    },
                    {
                        name: '检测值', // 名称
                        data: this.testData,
                        type: 'line',
                        itemStyle: {
                            color: '#6a6d87'
                        },
                        label: {
                            show: false,
                            color: '#fff'
                        }
                    }
                ]
            };

            // 使用制定的配置项和数据显示图表
            mapBoxEchart.setOption(option, true);
            // // 窗口大小改变时，重新渲染图表
            window.addEventListener('resize', function () {
                mapBoxEchart.resize();
            }, 200);
        },
        // 多选
        selectionChange(list) {
            this.selectionList = list;
        },
        selectionClear() {
            this.selectionList = [];
            this.$refs.crud.toggleSelection();
        },
        rowUpdate(row, index, done, loading) {

        },
        rowSave(row, done, loading) {

        },
        searchReset() {
            this.query = {};
            this.onLoad(this.page);
        },
        searchChange(params, done) {
            this.query = params;
            this.page.currentPage = 1;
            this.onLoad(this.page, params);
            done();
        },
        rowDel(row, index, done) {
            this.$confirm('确定将选择数据删除?', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            }).then(() => {
                deleteReport({ids:row.id}).then(res =>{
                    if(res.data.code == 200){
                        this.$message.success('删除成功')
                        this.onLoad()
                    }
                })
            })
        },
        handleDelete() {
            if (this.selectionList.length === 0) {
                this.$message.warning('请选择至少一条数据');
                return;
            }
            this.$confirm('确定将选择数据删除?', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            }).then(() => {
                deleteReport({ids:this.selectionList.map(item => item.id).join(',')}).then(res =>{
                    if(res.data.code == 200){
                        this.$message.success('删除成功')
                        this.onLoad()
                    }
                })
            })
        },
        currentChange(currentPage) {
            this.page.currentPage = currentPage;
        },
        sizeChange(pageSize) {
            this.page.pageSize = pageSize;
        },
        refreshChange() {
            this.onLoad(this.page, this.query);
        },
        onLoad() {

            this.loading = true
            getReportList({
                current:this.page.currentPage,
                size:this.page.pageSize,
                name:this.query.name,
                createTimeStart:this.query.createTime && this.query.createTime.length != 0 ? this.query.createTime[0] : '',
                createTimeEnd:this.query.createTime && this.query.createTime.length != 0 ? this.query.createTime[1] : '',
            }).then(res =>{
                this.data = res.data.data.records
                this.page.total = res.data.data.total
                this.loading = false
            })
            // this.data = [
            //     { $cellEdit: true, id: '1', lineName: '氰化钠', wcName: '化学镀镍作业中心', slotNo: '#21', testName: '氰化钠', lineTime: '2016-10-15 ~ 2016-10-21', createTime: '2016-09-21  08:50:08', createUser: '张三' },
            //     { $cellEdit: true, id: '2', lineName: '氰化钠', wcName: '化学镀镍作业中心', slotNo: '#21', testName: '氰化钠', lineTime: '2016-10-15 ~ 2016-10-21', createTime: '2016-09-21  08:50:08', createUser: '张三' },
            //     { $cellEdit: true, id: '3', lineName: '氰化钠', wcName: '化学镀镍作业中心', slotNo: '#21', testName: '氰化钠', lineTime: '2016-10-10 ~ 2016-10-21', createTime: '2016-09-21  08:50:08', createUser: '张三' },
            //     { $cellEdit: true, id: '4', lineName: '氰化钠', wcName: '化学镀镍作业中心', slotNo: '#21', testName: '氰化钠', lineTime: '2016-10-18 ~ 2016-10-21', createTime: '2016-09-21  08:50:08', createUser: '张三' },
            // ]
            // this.page.total = this.data.length
            // this.loading = false
            // setTimeout(() => {
            //     this.selectionClear()
            // }, 500)
        }
    }
}
</script>

<style></style>