<template>
    <div class="app-container">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            label-width="98px">
            <el-form-item label="井号" prop="jh">
                <el-input v-model="queryParams.jh" placeholder="请输入井号" clearable @keyup.enter.native="handleQuery" />
            </el-form-item>
            <!-- <el-form-item label="井号" prop="jh">
        <el-input v-model="queryParams.jh" placeholder="请输入井号" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="井眼编号" prop="jybh">
        <el-input v-model="queryParams.jybh" placeholder="请输入井眼编号" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="日期" prop="rq">
        <el-date-picker clearable v-model="queryParams.rq" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期">
        </el-date-picker>
      </el-form-item> -->
            <el-form-item label="开始井深m" prop="beginJs">
                <el-input v-model="queryParams.beginJs" placeholder="请输入开始井深" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="结束井深m" prop="endJs">
                <el-input v-model="queryParams.endJs" placeholder="请输入结束井深" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <!-- <el-form-item label="垂深" prop="cs">
        <el-input v-model="queryParams.cs" placeholder="请输入垂深" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="迟到井深" prop="cdjs">
        <el-input v-model="queryParams.cdjs" placeholder="请输入迟到井深" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="钻头型号" prop="ztxh">
        <el-input v-model="queryParams.ztxh" placeholder="请输入钻头型号" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="钻头直径" prop="ztzj">
        <el-input v-model="queryParams.ztzj" placeholder="请输入钻头直径" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="进尺" prop="jc">
        <el-input v-model="queryParams.jc" placeholder="请输入进尺" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="大钩负荷" prop="dgfh">
        <el-input v-model="queryParams.dgfh" placeholder="请输入大钩负荷" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="钻压" prop="zy">
        <el-input v-model="queryParams.zy" placeholder="请输入钻压" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="转速" prop="zs1">
        <el-input v-model="queryParams.zs1" placeholder="请输入转速" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="扭矩" prop="nj">
        <el-input v-model="queryParams.nj" placeholder="请输入扭矩" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="顶驱扭矩" prop="dqnj">
        <el-input v-model="queryParams.dqnj" placeholder="请输入顶驱扭矩" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="成本" prop="cb">
        <el-input v-model="queryParams.cb" placeholder="请输入成本" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="纯钻进时间" prop="zzsj">
        <el-input v-model="queryParams.zzsj" placeholder="请输入纯钻进时间" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="运行时间" prop="yxsj">
        <el-input v-model="queryParams.yxsj" placeholder="请输入运行时间" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="钻井天数" prop="zjts">
        <el-input v-model="queryParams.zjts" placeholder="请输入钻井天数" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="池体积1" prop="ctj1">
        <el-input v-model="queryParams.ctj1" placeholder="请输入池体积1" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="池体积2" prop="ctj2">
        <el-input v-model="queryParams.ctj2" placeholder="请输入池体积2" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="池体积3" prop="ctj3">
        <el-input v-model="queryParams.ctj3" placeholder="请输入池体积3" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="池体积4" prop="ctj4">
        <el-input v-model="queryParams.ctj4" placeholder="请输入池体积4" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="池体积5" prop="ctj5">
        <el-input v-model="queryParams.ctj5" placeholder="请输入池体积5" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="池体积6" prop="ctj6">
        <el-input v-model="queryParams.ctj6" placeholder="请输入池体积6" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="池体积7" prop="ctj7">
        <el-input v-model="queryParams.ctj7" placeholder="请输入池体积7" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="池体积8" prop="ctj8">
        <el-input v-model="queryParams.ctj8" placeholder="请输入池体积8" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="DC指数" prop="dczs">
        <el-input v-model="queryParams.dczs" placeholder="请输入DC指数" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="地层压力梯度" prop="dcyltd">
        <el-input v-model="queryParams.dcyltd" placeholder="请输入地层压力梯度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="破裂压力梯度" prop="plyltd">
        <el-input v-model="queryParams.plyltd" placeholder="请输入破裂压力梯度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="设计地层压力" prop="sjdcyl">
        <el-input v-model="queryParams.sjdcyl" placeholder="请输入设计地层压力" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="1号泵冲" prop="yhbc">
        <el-input v-model="queryParams.yhbc" placeholder="请输入1号泵冲" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="2号泵冲" prop="ehbc">
        <el-input v-model="queryParams.ehbc" placeholder="请输入2号泵冲" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="3号泵冲" prop="shbc">
        <el-input v-model="queryParams.shbc" placeholder="请输入3号泵冲" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="总泵冲" prop="zbc">
        <el-input v-model="queryParams.zbc" placeholder="请输入总泵冲" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="入口流量" prop="rkll">
        <el-input v-model="queryParams.rkll" placeholder="请输入入口流量" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="出口温度" prop="ckll">
        <el-input v-model="queryParams.ckll" placeholder="请输入出口温度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="入口密度" prop="rkmd">
        <el-input v-model="queryParams.rkmd" placeholder="请输入入口密度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="出口密度" prop="ckmd">
        <el-input v-model="queryParams.ckmd" placeholder="请输入出口密度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="入口电导" prop="rkdd">
        <el-input v-model="queryParams.rkdd" placeholder="请输入入口电导" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="入口温度" prop="rkwd">
        <el-input v-model="queryParams.rkwd" placeholder="请输入入口温度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="出口温度" prop="ckwd">
        <el-input v-model="queryParams.ckwd" placeholder="请输入出口温度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="总池体积" prop="zctj">
        <el-input v-model="queryParams.zctj" placeholder="请输入总池体积" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="泥浆溢漏" prop="njyl">
        <el-input v-model="queryParams.njyl" placeholder="请输入泥浆溢漏" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="钻时" prop="zs">
        <el-input v-model="queryParams.zs" placeholder="请输入钻时" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="立压" prop="ly">
        <el-input v-model="queryParams.ly" placeholder="请输入立压" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="套压" prop="ty">
        <el-input v-model="queryParams.ty" placeholder="请输入套压" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="返出时间" prop="fcsj">
        <el-input v-model="queryParams.fcsj" placeholder="请输入返出时间" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="DC趋势线" prop="dcqsx">
        <el-input v-model="queryParams.dcqsx" placeholder="请输入DC趋势线" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="当量密度" prop="dlmd">
        <el-input v-model="queryParams.dlmd" placeholder="请输入当量密度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="大钩高度" prop="dggd">
        <el-input v-model="queryParams.dggd" placeholder="请输入大钩高度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="瞬时钻时" prop="sszs">
        <el-input v-model="queryParams.sszs" placeholder="请输入瞬时钻时" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="顶驱转速" prop="dqzs">
        <el-input v-model="queryParams.dqzs" placeholder="请输入顶驱转速" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="DCS孔隙度" prop="dcskxd">
        <el-input v-model="queryParams.dcskxd" placeholder="请输入DCS孔隙度" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="SIGMA" prop="sigma">
        <el-input v-model="queryParams.sigma" placeholder="请输入SIGMA" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="SIGMA趋向" prop="sigman">
        <el-input v-model="queryParams.sigman" placeholder="请输入SIGMA趋向" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="SIGMA地压梯度" prop="sigmadytd">
        <el-input v-model="queryParams.sigmadytd" placeholder="请输入SIGMA地压梯度" clearable
          @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="SIGMA破压梯度" prop="sigmapytd">
        <el-input v-model="queryParams.sigmapytd" placeholder="请输入SIGMA破压梯度" clearable
          @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="SIGMA孔隙度" prop="sigmakxd">
        <el-input v-model="queryParams.sigmakxd" placeholder="请输入SIGMA孔隙度" clearable
          @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="地层提示" prop="dcts">
        <el-input v-model="queryParams.dcts" placeholder="请输入地层提示" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="作业类别1" prop="zylb1">
        <el-input v-model="queryParams.zylb1" placeholder="请输入作业类别1" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="作业类别2" prop="zylb2">
        <el-input v-model="queryParams.zylb2" placeholder="请输入作业类别2" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="录入时间" prop="lrsj">
        <el-input v-model="queryParams.lrsj" placeholder="请输入录入时间" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="井眼名称" prop="jymc">
        <el-input v-model="queryParams.jymc" placeholder="请输入井眼名称" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="迟到时间" prop="cdsj">
        <el-input v-model="queryParams.cdsj" placeholder="请输入迟到时间" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="出口电导" prop="ckdd">
        <el-input v-model="queryParams.ckdd" placeholder="请输入出口电导" clearable @keyup.enter.native="handleQuery" />
      </el-form-item> -->
            <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                    v-hasPermi="['system:ljSssjSd:add']">新增</el-button>
                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
                    v-hasPermi="['system:ljSssjSd:export']">导出</el-button>
                <el-button type="success" plain icon="el-icon-upload" size="mini" @click="handleImport"
                    v-hasPermi="['system:ljSssjSd:import']">导入</el-button>
            </el-form-item>
        </el-form>
        <!-- <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
              v-hasPermi="['system:ljSssjSd:add']">新增</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
              v-hasPermi="['system:ljSssjSd:edit']">修改</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
              v-hasPermi="['system:ljSssjSd:remove']">删除</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
              v-hasPermi="['system:ljSssjSd:export']">导出</el-button>
          </el-col>
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
        </el-row> -->
        <el-table border :data="ljSssjSdList" @selection-change="handleSelectionChange" height="calc(100vh - 190px)"
            style="width: 100%">
            <!-- <el-table-column type="selection" width="55" align="center" /> -->
            <!-- <el-table-column label="id" align="center" prop="id" /> -->
            <!-- <el-table-column label="井号" align="center" prop="jh" min-width="100" show-overflow-tooltip fixed />
            <el-table-column label="井眼编号" align="center" prop="jybh" min-width="80" show-overflow-tooltip />
            <el-table-column label="日期" align="center" prop="rq" min-width="100" show-overflow-tooltip>
                <template slot-scope="scope">
                    <span>{{ parseTime(scope.row.rq, '{y}-{m}-{d}') }}</span>
                </template>
</el-table-column> -->
            <el-table-column label="井深" align="center" prop="js" min-width="80" show-overflow-tooltip />
            <el-table-column label="垂深" align="center" prop="cs" min-width="80" show-overflow-tooltip />
            <!-- <el-table-column label="迟到井深" align="center" prop="cdjs" min-width="90" show-overflow-tooltip />
            <el-table-column label="钻头型号" align="center" prop="ztxh" min-width="90" show-overflow-tooltip /> -->
            <el-table-column label="钻头直径mm" align="center" prop="ztzj" min-width="90" show-overflow-tooltip />
            <!-- <el-table-column label="进尺" align="center" prop="jc" min-width="80" show-overflow-tooltip /> -->
            <el-table-column label="大钩负荷" align="center" prop="dgfh" min-width="90" show-overflow-tooltip />
            <el-table-column label="钻压" align="center" prop="zy" min-width="80" show-overflow-tooltip />
            <el-table-column label="转速" align="center" prop="zs1" min-width="80" show-overflow-tooltip />
            <el-table-column label="扭矩" align="center" prop="nj" min-width="80" show-overflow-tooltip />
            <!-- <el-table-column label="顶驱扭矩" align="center" prop="dqnj" min-width="90" show-overflow-tooltip />
            <el-table-column label="成本" align="center" prop="cb" min-width="80" show-overflow-tooltip />
            <el-table-column label="纯钻进时间" align="center" prop="zzsj" min-width="90" show-overflow-tooltip />
            <el-table-column label="运行时间" align="center" prop="yxsj" min-width="80" show-overflow-tooltip />
            <el-table-column label="钻井天数" align="center" prop="zjts" min-width="80" show-overflow-tooltip /> -->
            <el-table-column label="池体积1" align="center" prop="ctj1" min-width="80" show-overflow-tooltip />
            <el-table-column label="池体积2" align="center" prop="ctj2" min-width="80" show-overflow-tooltip />
            <el-table-column label="池体积3" align="center" prop="ctj3" min-width="80" show-overflow-tooltip />
            <!-- <el-table-column label="池体积4" align="center" prop="ctj4" min-width="80" show-overflow-tooltip />
            <el-table-column label="池体积5" align="center" prop="ctj5" min-width="80" show-overflow-tooltip />
            <el-table-column label="池体积6" align="center" prop="ctj6" min-width="80" show-overflow-tooltip />
            <el-table-column label="池体积7" align="center" prop="ctj7" min-width="80" show-overflow-tooltip />
            <el-table-column label="池体积8" align="center" prop="ctj8" min-width="80" show-overflow-tooltip /> -->
            <el-table-column label="DC指数" align="center" prop="dczs" min-width="80" show-overflow-tooltip />
            <!-- <el-table-column label="地层压力梯度" align="center" prop="dcyltd" width="100px" show-overflow-tooltip />
            <el-table-column label="破裂压力梯度" align="center" prop="plyltd" width="100px" show-overflow-tooltip />
            <el-table-column label="设计地层压力" align="center" prop="sjdcyl" width="100px" show-overflow-tooltip />
            <el-table-column label="1号泵冲" align="center" prop="yhbc" min-width="90" show-overflow-tooltip />
            <el-table-column label="2号泵冲" align="center" prop="ehbc" min-width="90" show-overflow-tooltip />
            <el-table-column label="3号泵冲" align="center" prop="shbc" min-width="90" show-overflow-tooltip />
            <el-table-column label="总泵冲" align="center" prop="zbc" min-width="90" show-overflow-tooltip /> -->
            <el-table-column label="入口流量" align="center" prop="rkll" min-width="90" show-overflow-tooltip />
            <!-- <el-table-column label="出口温度" align="center" prop="ckll" min-width="90" show-overflow-tooltip />
            <el-table-column label="入口密度" align="center" prop="rkmd" min-width="90" show-overflow-tooltip /> -->
            <el-table-column label="出口密度" align="center" prop="ckmd" min-width="90" show-overflow-tooltip />
            <!-- <el-table-column label="入口电导" align="center" prop="rkdd" min-width="90" show-overflow-tooltip />
            <el-table-column label="入口温度" align="center" prop="rkwd" min-width="90" show-overflow-tooltip />
            <el-table-column label="出口温度" align="center" prop="ckwd" min-width="90" show-overflow-tooltip />
            <el-table-column label="总池体积" align="center" prop="zctj" min-width="90" show-overflow-tooltip />
            <el-table-column label="泥浆溢漏" align="center" prop="njyl" min-width="90" show-overflow-tooltip />
            <el-table-column label="钻时" align="center" prop="zs" min-width="80" show-overflow-tooltip /> -->
            <el-table-column label="立压" align="center" prop="ly" min-width="80" show-overflow-tooltip />
            <el-table-column label="套压" align="center" prop="ty" min-width="80" show-overflow-tooltip />
            <!-- <el-table-column label="返出时间" align="center" prop="fcsj" min-width="90" show-overflow-tooltip />
            <el-table-column label="DC趋势线" align="center" prop="dcqsx" width="110px" show-overflow-tooltip />
            <el-table-column label="当量密度" align="center" prop="dlmd" min-width="90" show-overflow-tooltip />
            <el-table-column label="大钩高度" align="center" prop="dggd" min-width="90" show-overflow-tooltip />
            <el-table-column label="瞬时钻时" align="center" prop="sszs" min-width="90" show-overflow-tooltip />
            <el-table-column label="顶驱转速" align="center" prop="dqzs" min-width="90" show-overflow-tooltip />
            <el-table-column label="DCS孔隙度" align="center" prop="dcskxd" width="110px" show-overflow-tooltip />
            <el-table-column label="SIGMA" align="center" prop="sigma" min-width="90" show-overflow-tooltip />
            <el-table-column label="SIGMA趋向" align="center" prop="sigman" width="110px" show-overflow-tooltip />
            <el-table-column label="SIGMA地压梯度" align="center" prop="sigmadytd" width="115px" show-overflow-tooltip />
            <el-table-column label="SIGMA破压梯度" align="center" prop="sigmapytd" width="115px" show-overflow-tooltip />
            <el-table-column label="SIGMA孔隙度" align="center" prop="sigmakxd" width="110px" show-overflow-tooltip />
            <el-table-column label="地层提示" align="center" prop="dcts" min-width="90" show-overflow-tooltip />
            <el-table-column label="作业类别1" align="center" prop="zylb1" width="100px" show-overflow-tooltip />
            <el-table-column label="作业类别2" align="center" prop="zylb2" width="100px" show-overflow-tooltip />
            <el-table-column label="录入时间" align="center" prop="lrsj" min-width="110" show-overflow-tooltip />
            <el-table-column label="井眼名称" align="center" prop="jymc" min-width="90" show-overflow-tooltip /> -->
            <el-table-column label="迟到时间" align="center" prop="cdsj" min-width="90" show-overflow-tooltip />
            <!-- <el-table-column label="出口电导" align="center" prop="ckdd" min-width="90" show-overflow-tooltip /> -->
            <el-table-column label="操作" align="center" width="150px" class-name="small-padding fixed-width"
                fixed="right">
                <template slot-scope="scope">
                    <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                        v-hasPermi="['system:ljSssjSd:edit']">修改</el-button>
                    <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                        v-hasPermi="['system:ljSssjSd:remove']">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize" :page-sizes="[20, 30, 50, 100]" @pagination="getList" />
        <!-- 添加或修改录井整米数据对话框 -->
        <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
            <el-form ref="form" :model="form" :rules="rules" label-width="118px">
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="井号" prop="jh">
                            <template slot="label">
                                井号
                            </template>
                            <el-input v-model="form.jh" placeholder="请输入井号" :disabled="true" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="井眼编号" prop="jybh">
                            <template slot="label">
                                井眼编号
                            </template>
                            <el-input v-model="form.jybh" placeholder="请输入井眼编号" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="钻达时间" prop="rq">
                            <template slot="label">
                                钻达时间
                            </template>
                            <el-date-picker clearable v-model="form.rq" type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择日期" style="width: 100%;">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="井深" prop="js">
                            <template slot="label">
                                井深
                            </template>
                            <el-input v-model="form.js" placeholder="请输入井深"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.js = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="垂深" prop="cs">
                            <template slot="label">
                                垂深
                            </template>
                            <el-input v-model="form.cs" placeholder="请输入垂深"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.cs = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="迟到井深" prop="cdjs">
                            <template slot="label">
                                迟到井深
                            </template>
                            <el-input v-model="form.cdjs" placeholder="请输入迟到井深"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.cdjs = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="钻头型号" prop="ztxh">
                            <template slot="label">
                                钻头型号
                            </template>
                            <el-input v-model="form.ztxh" placeholder="请输入钻头型号" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="钻头直径mm" prop="ztzj">
                            <template slot="label">
                                钻头直径
                            </template>
                            <el-input v-model="form.ztzj" placeholder="请输入钻头直径"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ztzj = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="进尺m" prop="jc">
                            <template slot="label">
                                进尺
                            </template>
                            <el-input v-model="form.jc" placeholder="请输入进尺"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.jc = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="大钩负荷" prop="dgfh">
                            <template slot="label">
                                大钩负荷
                            </template>
                            <el-input v-model="form.dgfh" placeholder="请输入大钩负荷"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dgfh = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="钻压" prop="zy">
                            <template slot="label">
                                钻压
                            </template>
                            <el-input v-model="form.zy" placeholder="请输入钻压"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.zy = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="转速" prop="zs1">
                            <template slot="label">
                                转速
                            </template>
                            <el-input v-model="form.zs1" placeholder="请输入转速"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.zs1 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="扭矩" prop="nj">
                            <template slot="label">
                                扭矩
                            </template>
                            <el-input v-model="form.nj" placeholder="请输入扭矩"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.nj = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="顶驱扭矩" prop="dqnj">
                            <template slot="label">
                                顶驱扭矩
                            </template>
                            <el-input v-model="form.dqnj" placeholder="请输入顶驱扭矩"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dqnj = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="成本" prop="cb">
                            <template slot="label">
                                成本
                            </template>
                            <el-input v-model="form.cb" placeholder="请输入成本"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.cb = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="纯钻进时间" prop="zzsj">
                            <template slot="label">
                                纯钻进时间
                            </template>
                            <el-input v-model="form.zzsj" placeholder="请输入纯钻进时间"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.zzsj = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="运行时间" prop="yxsj">
                            <template slot="label">
                                运行时间
                            </template>
                            <el-input v-model="form.yxsj" placeholder="请输入运行时间"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.yxsj = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="钻井天数" prop="zjts">
                            <template slot="label">
                                钻井天数
                            </template>
                            <el-input v-model="form.zjts" placeholder="请输入钻井天数"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.zjts = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="池体积1" prop="ctj1">
                            <el-input v-model="form.ctj1" placeholder="请输入池体积1"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ctj1 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="池体积2" prop="ctj2">
                            <el-input v-model="form.ctj2" placeholder="请输入池体积2"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ctj2 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="池体积3" prop="ctj3">
                            <el-input v-model="form.ctj3" placeholder="请输入池体积3"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ctj3 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="池体积4" prop="ctj4">
                            <el-input v-model="form.ctj4" placeholder="请输入池体积4"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ctj4 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="池体积5" prop="ctj5">
                            <el-input v-model="form.ctj5" placeholder="请输入池体积5"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ctj5 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="池体积6" prop="ctj6">
                            <el-input v-model="form.ctj6" placeholder="请输入池体积6"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ctj6 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="池体积7" prop="ctj7">
                            <el-input v-model="form.ctj7" placeholder="请输入池体积7"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ctj7 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="池体积8" prop="ctj8">
                            <el-input v-model="form.ctj8" placeholder="请输入池体积8"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ctj8 = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="DC指数" prop="dczs">
                            <el-input v-model="form.dczs" placeholder="请输入DC指数"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dczs = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="地层压力梯度" prop="dcyltd">
                            <el-input v-model="form.dcyltd" placeholder="请输入地层压力梯度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dcyltd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="破裂压力梯度" prop="plyltd">
                            <el-input v-model="form.plyltd" placeholder="请输入破裂压力梯度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.plyltd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="设计地层压力" prop="sjdcyl">
                            <el-input v-model="form.sjdcyl" placeholder="请输入设计地层压力"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.sjdcyl = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="1号泵冲" prop="yhbc">
                            <el-input v-model="form.yhbc" placeholder="请输入1号泵冲"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.yhbc = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="2号泵冲" prop="ehbc">
                            <el-input v-model="form.ehbc" placeholder="请输入2号泵冲"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ehbc = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="3号泵冲" prop="shbc">
                            <el-input v-model="form.shbc" placeholder="请输入3号泵冲"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.shbc = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="总泵冲" prop="zbc">
                            <el-input v-model="form.zbc" placeholder="请输入总泵冲"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.zbc = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="入口流量" prop="rkll">
                            <el-input v-model="form.rkll" placeholder="请输入入口流量"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.rkll = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="出口温度" prop="ckll">
                            <el-input v-model="form.ckll" placeholder="请输入出口温度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ckll = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="入口密度" prop="rkmd">
                            <el-input v-model="form.rkmd" placeholder="请输入入口密度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.rkmd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="出口密度" prop="ckmd">
                            <el-input v-model="form.ckmd" placeholder="请输入出口密度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ckmd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="入口电导" prop="rkdd">
                            <el-input v-model="form.rkdd" placeholder="请输入入口电导"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.rkdd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="入口温度" prop="rkwd">
                            <el-input v-model="form.rkwd" placeholder="请输入入口温度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.rkwd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="出口温度" prop="ckwd">
                            <el-input v-model="form.ckwd" placeholder="请输入出口温度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ckwd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="总池体积" prop="zctj">
                            <el-input v-model="form.zctj" placeholder="请输入总池体积"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.zctj = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="泥浆溢漏" prop="njyl">
                            <el-input v-model="form.njyl" placeholder="请输入泥浆溢漏"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.njyl = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="钻时" prop="zs">
                            <el-input v-model="form.zs" placeholder="请输入钻时"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.zs = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="立压" prop="ly">
                            <el-input v-model="form.ly" placeholder="请输入立压"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ly = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="套压" prop="ty">
                            <el-input v-model="form.ty" placeholder="请输入套压"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ty = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="返出时间" prop="fcsj">
                            <el-date-picker clearable v-model="form.fcsj" type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择返出时间" style="width: 100%;">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="DC趋势线" prop="dcqsx">
                            <el-input v-model="form.dcqsx" placeholder="请输入DC趋势线"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dcqsx = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="当量密度" prop="dlmd">
                            <el-input v-model="form.dlmd" placeholder="请输入当量密度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dlmd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="大钩高度" prop="dggd">
                            <el-input v-model="form.dggd" placeholder="请输入大钩高度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dggd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="瞬时钻时" prop="sszs">
                            <el-input v-model="form.sszs" placeholder="请输入瞬时钻时"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.sszs = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="顶驱转速" prop="dqzs">
                            <el-input v-model="form.dqzs" placeholder="请输入顶驱转速"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dqzs = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="DCS孔隙度" prop="dcskxd">
                            <el-input v-model="form.dcskxd" placeholder="请输入DCS孔隙度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.dcskxd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="SIGMA" prop="sigma">
                            <el-input v-model="form.sigma" placeholder="请输入SIGMA"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.sigma = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="SIGMA趋向" prop="sigman">
                            <el-input v-model="form.sigman" placeholder="请输入SIGMA趋向"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.sigman = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="SIGMA地压梯度" prop="sigmadytd">
                            <el-input v-model="form.sigmadytd" placeholder="请输入SIGMA地压梯度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.sigmadytd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="SIGMA破压梯度" prop="sigmapytd">
                            <el-input v-model="form.sigmapytd" placeholder="请输入SIGMA破压梯度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.sigmapytd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="SIGMA孔隙度" prop="sigmakxd">
                            <el-input v-model="form.sigmakxd" placeholder="请输入SIGMA孔隙度"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.sigmakxd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="地层提示" prop="dcts">
                            <el-input v-model="form.dcts" placeholder="请输入地层提示" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="作业类别1" prop="zylb1">
                            <el-input v-model="form.zylb1" placeholder="请输入作业类别1" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="作业类别2" prop="zylb2">
                            <el-input v-model="form.zylb2" placeholder="请输入作业类别2" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="录入时间" prop="lrsj">
                            <el-date-picker clearable v-model="form.lrsj" type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择录入时间" style="width: 100%;">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="井眼名称" prop="jymc">
                            <el-input v-model="form.jymc" placeholder="请输入井眼名称" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="迟到时间" prop="cdsj">
                            <el-input v-model="form.cdsj" placeholder="请输入迟到时间"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.cdsj = $event.target.value" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="出口电导" prop="ckdd">
                            <el-input v-model="form.ckdd" placeholder="请输入出口电导"
                                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                                @blur="form.ckdd = $event.target.value" />
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="submitForm">确 定</el-button>
                <el-button @click="cancel">取 消</el-button>
            </div>
        </el-dialog>
        <el-dialog :title="upload.title" :visible.sync="upload.open" width="500px" append-to-body>
            <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
                :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
                :auto-upload="false" drag>
                <i class="el-icon-upload"></i>
                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                <div class="el-upload__tip text-center" slot="tip">
                    <span>仅允许导入xls、xlsx格式文件。</span>
                    <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
                        @click="importTemplate">下载模板
                    </el-link>
                </div>
            </el-upload>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="submitFileForm">确 定</el-button>
                <el-button @click="upload.open = false">取 消</el-button>
            </div>
        </el-dialog>
    </div>


</template>

<script>
import { listLjSssjSd, getLjSssjSd, delLjSssjSd, addLjSssjSd, updateLjSssjSd } from "@/api/optimization/ljSssjSd";
import { getToken } from "@/utils/auth";

export default {
    name: "LjSssjSd",
    data() {
        return {
            // 遮罩层
            loading: true,
            // 选中数组
            ids: [],
            // 非单个禁用
            single: true,
            // 非多个禁用
            multiple: true,
            // 显示搜索条件
            showSearch: true,
            // 总条数
            total: 0,
            // 录井整米数据表格数据
            ljSssjSdList: [],
            // 弹出层标题
            title: "",
            // 是否显示弹出层
            open: false,
            // 查询参数
            queryParams: {
                pageNum: 1,
                pageSize: 20,  // 修改默认每页显示数量为20
                jh: null,
                jybh: null,
                rq: null,
                js: null,
                cs: null,
                cdjs: null,
                ztxh: null,
                ztzj: null,
                jc: null,
                dgfh: null,
                zy: null,
                zs1: null,
                nj: null,
                dqnj: null,
                cb: null,
                zzsj: null,
                yxsj: null,
                zjts: null,
                ctj1: null,
                ctj2: null,
                ctj3: null,
                ctj4: null,
                ctj5: null,
                ctj6: null,
                ctj7: null,
                ctj8: null,
                dczs: null,
                dcyltd: null,
                plyltd: null,
                sjdcyl: null,
                yhbc: null,
                ehbc: null,
                shbc: null,
                zbc: null,
                rkll: null,
                ckll: null,
                rkmd: null,
                ckmd: null,
                rkdd: null,
                rkwd: null,
                ckwd: null,
                zctj: null,
                njyl: null,
                zs: null,
                ly: null,
                ty: null,
                fcsj: null,
                dcqsx: null,
                dlmd: null,
                dggd: null,
                sszs: null,
                dqzs: null,
                dcskxd: null,
                sigma: null,
                sigman: null,
                sigmadytd: null,
                sigmapytd: null,
                sigmakxd: null,
                dcts: null,
                zylb1: null,
                zylb2: null,
                lrsj: null,
                jymc: null,
                cdsj: null,
                ckdd: null
            },
            // 表单参数
            form: {},
            // 表单校验
            rules: {
                jh: [
                    { required: true, message: "井号不能为空", trigger: "blur" }
                ],
                jybh: [
                    { required: true, message: "井眼编号不能为空", trigger: "blur" }
                ],
                rq: [
                    { required: true, message: "钻达时间不能为空", trigger: "change" }
                ],
                js: [
                    { required: true, message: "井深不能为空", trigger: "blur" }
                ],
                cs: [
                    { required: true, message: "垂深不能为空", trigger: "blur" }
                ],
                cdjs: [
                    { required: true, message: "迟到井深不能为空", trigger: "blur" }
                ],
                ztxh: [
                    { required: true, message: "钻头型号不能为空", trigger: "blur" }
                ],
                ztzj: [
                    { required: true, message: "钻头直径不能为空", trigger: "blur" }
                ],
                jc: [
                    { required: true, message: "进尺不能为空", trigger: "blur" }
                ],

            },
            importOpen: false,
            uploadForm: {},
            isUploading: false,
            importing: false,
            importUrl: process.env.VUE_APP_BASE_API + '/system/ljSssjSd/importData',
            uploadHeaders: { Authorization: 'Bearer ' + getToken() },
            upload: {
                open: false,
                title: "录井整米数据导入",
                isUploading: false,
                headers: { Authorization: "Bearer " + getToken() },
                url: process.env.VUE_APP_BASE_API + "/system/ljSssjSd/importData"
            }
        };
    },
    created() {
        this.getList();
    },
    methods: {
        /** 查询录井整米数据列表 */
        getList() {
            this.loading = true;
            this.queryParams.jhdm = this.$route.query.jhdm;
            // this.queryParams.jybh = '1';
            listLjSssjSd(this.queryParams).then(response => {
                this.ljSssjSdList = response.rows;
                this.total = response.total;
                this.loading = false;
            });
        },
        // 取消按钮
        cancel() {
            this.open = false;
            this.reset();
        },
        // 表单重置
        reset() {
            this.form = {
                id: null,
                jh: null,
                jybh: null,
                rq: null,
                js: null,
                cs: null,
                cdjs: null,
                ztxh: null,
                ztzj: null,
                jc: null,
                dgfh: null,
                zy: null,
                zs1: null,
                nj: null,
                dqnj: null,
                cb: null,
                zzsj: null,
                yxsj: null,
                zjts: null,
                ctj1: null,
                ctj2: null,
                ctj3: null,
                ctj4: null,
                ctj5: null,
                ctj6: null,
                ctj7: null,
                ctj8: null,
                dczs: null,
                dcyltd: null,
                plyltd: null,
                sjdcyl: null,
                yhbc: null,
                ehbc: null,
                shbc: null,
                zbc: null,
                rkll: null,
                ckll: null,
                rkmd: null,
                ckmd: null,
                rkdd: null,
                rkwd: null,
                ckwd: null,
                zctj: null,
                njyl: null,
                zs: null,
                ly: null,
                ty: null,
                fcsj: null,
                dcqsx: null,
                dlmd: null,
                dggd: null,
                sszs: null,
                dqzs: null,
                dcskxd: null,
                sigma: null,
                sigman: null,
                sigmadytd: null,
                sigmapytd: null,
                sigmakxd: null,
                dcts: null,
                zylb1: null,
                zylb2: null,
                lrsj: null,
                jymc: null,
                cdsj: null,
                ckdd: null
            };
            this.resetForm("form");
        },
        /** 搜索按钮操作 */
        handleQuery() {
            this.queryParams.pageNum = 1;
            this.getList();
        },
        /** 重置按钮操作 */
        resetQuery() {
            this.resetForm("queryForm");
            this.handleQuery();
        },
        // 多选框选中数据
        handleSelectionChange(selection) {
            this.ids = selection.map(item => item.id)
            this.single = selection.length !== 1
            this.multiple = !selection.length
        },
        /** 新增按钮操作 */
        handleAdd() {
            this.reset();
            this.open = true;
            this.form.jhdm = this.$route.query.jhdm;
            this.form.jh = this.$route.query.jh;
            this.form.jybh = '1';
            this.title = "添加录井整米数据";
        },
        /** 修改按钮操作 */
        handleUpdate(row) {
            this.reset();
            const id = row.id || this.ids;
            this.form.jhdm = this.$route.query.jhdm;
            this.form.jh = this.$route.query.jh;
            getLjSssjSd(id).then(response => {
                this.form = response.data;
                this.open = true;
                this.title = "修改录井整米数据";
            });
        },
        /** 提交按钮 */
        submitForm() {
            this.form.jybh = '1';
            this.form.jhdm = this.$route.query.jhdm;
            this.$refs["form"].validate(valid => {
                if (valid) {
                    if (this.form.id != null) {
                        updateLjSssjSd(this.form).then(response => {
                            this.$modal.msgSuccess("修改成功");
                            this.open = false;
                            this.getList();
                        });
                    } else {
                        addLjSssjSd(this.form).then(response => {
                            this.$modal.msgSuccess("新增成功");
                            this.open = false;
                            this.getList();
                        });
                    }
                }
            });
        },
        /** 删除按钮操作 */
        handleDelete(row) {
            const ids = row.id || this.ids;
            this.$modal.confirm('是否确认删除录井整米数据编号为"' + ids + '"的数据项？').then(function () {
                return delLjSssjSd(ids);
            }).then(() => {
                this.getList();
                this.$modal.msgSuccess("删除成功");
            }).catch(() => { });
        },
        /** 导出按钮操作 */
        handleExport() {
            this.download('system/ljSssjSd/export', {
                ...this.queryParams
            }, `ljSssjSd_${new Date().getTime()}.xlsx`)
        },
        handleImport() {
            this.upload.title = "录井整米数据导入";
            this.upload.open = true;
        },
        importTemplate() {
            this.download('system/ljSssjSd/exportMb', {}, `录井整米数据导入模板.xlsx`)
        },
        handleFileUploadProgress(event, file, fileList) {
            this.upload.isUploading = true;
        },
        handleFileSuccess(response, file, fileList) {
            this.upload.open = false;
            this.upload.isUploading = false;
            this.$refs.upload.clearFiles();
            this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + (response.msg || '导入成功') + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
            this.getList();
        },
        submitFileForm() {
            this.$refs.upload.submit();
        },
        cancelFile() {
            this.importOpen = false;
            this.isUploading = false;
            this.importing = false;
            this.$refs.upload.clearFiles();
        },
        handleImportSuccess(response, file, fileList) {
            this.importOpen = false;
            this.isUploading = false;
            this.importing = false;
            this.$refs.upload.clearFiles();
            this.$alert(
                "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
                (response.msg || '导入成功') +
                "</div>",
                "导入结果",
                { dangerouslyUseHTMLString: true }
            );
            this.getList();
        },
        handleImportError() {
            this.isUploading = false;
            this.importing = false;
            this.$message.error('导入失败');
            this.importOpen = false;
        },
        handleDownloadTemplate() {
            this.download('system/ljSssjSd/exportMb', {}, '录井整米数据导入模板.xlsx');
        },
    }
};
</script>
<style scoped lang="scss">
.app-container {
    height: calc(100vh - 100px);
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}



::v-deep .el-table__cell>.cell {
    font-weight: normal;
}

::v-deep .el-table--medium .el-table__cell {
    padding: 5px 0 !important;
}

.pagination-container {
    padding: 10px 5px !important;
    background: #fff;
    margin-top: 5px;
    height: auto;
}

::v-deep .el-form-item {
    margin-bottom: 10px !important;
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.mask-content {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #409EFF;
}

.mask-content i {
    margin-right: 8px;
}
</style>
