dcWaterService/src/views/dcSystem/assayWaterQuality/assayManage/assayMtuResult/index.vue

<!--
 * @Author: tengmingxue 1473375109@qq.com
 * @Date: 2022-11-02 16:33:00
 * @LastEditors: zjz
 * @LastEditTime: 2023-12-25 14:23:27
 * @FilePath: \dcWaterService\src\views\dcSystem\assayWaterQuality\assayManage\assayResult\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="assayResult-container">
    <!-- 化验结果 -->

    <!-- 头部查询栏 --开始-->
    <el-row>
      <el-form
        style="
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
      "
      >
        <el-form-item label="化验结果名称:" style="width: 300px; display: inline-block; margin-bottom: 6px">
          <el-input v-model="assayResultName" size="mini" placeholder="请输入化验结果名称" style="width: 200px" clearable />
        </el-form-item>

        <el-form-item label="化验时间:" prop="times" style="display: inline-block; width: 440px; margin-bottom: 6px">
          <el-date-picker
            v-model="times"
            size="mini"
            type="daterange"
            align="right"
            unlink-panels
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
          />
        </el-form-item>

        <el-form-item style="display: inline-block; width: 300px; margin-bottom: 6px">
          <el-button size="mini" type="primary" @click="queryAssayResult">查询</el-button>

          <el-button size="mini" type="primary" @click="addAssayResult">新增</el-button>
          <el-button size="mini" type="primary" @click="exportData">导出</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <!-- 头部查询栏--结束 -->

    <!-- 正文表格 -->
    <div style="height: calc(100% - 35px)">
      <!-- 正文表格上面部分（不含下面翻页） -->
      <el-table
        id="siteMonitor"
        v-loading="loading"
        class="mapTable"
        :data="assayResultData"
        :total="pageInfo.total"
        border
        height="calc(100% - 40px)"
      >
        <!-- 列 -->
        <el-table-column
          type="index"
          align="center"
          width="50"
          label="序号"
        />

        <el-table-column
          prop="assayResultNo"
          align="center"
          label="化验结果编号"
          show-overflow-tooltip
        />

        <el-table-column
          prop="assayResultName"
          align="center"
          label="化验结果名称"
          show-overflow-tooltip
        />

        <el-table-column
          prop="assayConfigName"
          align="center"
          label="化验配置项"
          show-overflow-tooltip
        />

        <el-table-column
          prop="collectNo"
          align="center"
          label="水样编号"
          show-overflow-tooltip
        />

        <el-table-column
          prop="createUserName"
          align="center"
          label="创建人"
          show-overflow-tooltip
        />

        <el-table-column
          prop="createTime"
          align="center"
          label="创建时间"
          show-overflow-tooltip
        />

        <el-table-column
          prop="remark"
          align="center"
          label="描述"
          show-overflow-tooltip
        />

        <!-- 正文表格右边 -->
        <el-table-column label="操作" width="160" align="center">
          <template slot-scope="scope">
            <el-button type="text" icon="el-icon-document" title="详情" @click="showInfo(scope.row)" />

            <el-button type="text" icon="el-icon-edit" title="修改" @click="showYearInfo1(scope.row)" />

            <el-button
              type="text"
              style="color: red"
              icon="el-icon-delete"
              title="删除"
              @click="deleteAssayResult(scope.row)"
            />
          </template>
        </el-table-column>
      </el-table>

      <!-- 正文表格下面页数部分 --开始-->
      <el-row style="margin-top: 0px">
        <el-col :span="24">
          <el-pagination
            ref="pagination"
            small
            layout="total, sizes, prev, pager, next, jumper"
            :pager-count="5"
            :current-page="pageInfo.current"
            :page-sizes="[40, 80, 120, 200]"
            style="margin-top: 4px"
            :page-size="pageInfo.size"
            :total="pageInfo.total"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
          />
        </el-col>
      </el-row>
    </div>
    <!-- 正文表格下面页数部分 --结束 -->

    <!-- 弹出框 -->
    <el-dialog
      v-show="dialogVisible"
      v-dialogDrag
      top="1vh"
      :title="dialogTitle"
      :visible.sync="dialogVisible"
      width="90%"
    >
      <div v-if="infoDialog" id="resultAss" v-loading="dialogLoading" style="width: 100%; height: auto">
        <el-form
          ref="ruleForm"
          :model="ruleForm"
          :rules="rules"
          label-width="150px"
        >

          <el-row type="flex" justify="space-between" :gutter="10">

            <el-col :span="12">
              <el-form-item label="化验结果名称：" prop="assayResultName">
                <el-input
                  v-model="ruleForm.assayResultName"
                  placeholder="请输入化验结果名称"
                  size="small"
                  :disabled="editState"
                />
              </el-form-item>
            </el-col>

            <el-col :span="12">
              <el-form-item label="化验项配置：" prop="assayConfigId">
                <el-select v-model="ruleForm.assayConfigId" placeholder="请选择化验项配置" size="small" style="width: 100%;" :disabled="editState" @change="choiceAssayConfig">
                  <el-option v-for="(item, index) in assayDicData" :key="index" :label="item.assayConfigName" :value="item.id" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row type="flex" justify="space-between" :gutter="10">

            <el-col :span="24">
              <el-form-item label="描述：" prop="remark">
                <el-input
                  v-model="ruleForm.remark"
                  type="textarea"
                  :row="2"
                  placeholder="请输入描述"
                  size="small"
                  :disabled="editState"
                />
              </el-form-item>
            </el-col>

          </el-row>
        </el-form>

        <!-- 展示化验项配置里面的详情 -->
        <!-- <div style="width: 100%; height: auto" > -->
        <div style="width: 100%; height: calc(100vh - 280px)">
          <!-- 正文表格上面部分（不含下面翻页） -->
          <el-table
            id="siteMonitor"
            ref="tableData"
            v-loading="loading"
            highlight-current-row
            class="mapTable"
            :data="tableData"
            border
            height="calc(100% - 10px)"
            @header-click="eventClick"
            @row-dblclick="rowDblclick"
          >

            <template slot="empty">
              <img src="@/assets/icon/null.png" alt="">
              <p class="empty-p">暂无数据</p>
            </template>
            <!-- 列 -->
            <el-table-column v-if="column.length" align="center" label="序号" type="index" show-overflow-tooltip />
            <el-table-column v-if="column.length" prop="assayTime" align="center" label="化验时间" width="100" show-overflow-tooltip />

            <el-table-column
              v-for="(item, index) in column"
              :key="index"
              :prop="item.prop"
              align="center"
              :label="item.label"
              :render-header="addRedStar"
              show-overflow-tooltip
            >
              <template slot-scope="{row}">
                <el-input v-if="row.isEdit" v-model="row[item.prop]" size="small" :disabled="editState" placeholder="请输入化验值" />
                <span v-else>{{ row[item.prop] }}</span>
              </template>
            </el-table-column>
          </el-table>
        </div>

      </div>

      <ReturnPdf
        v-else-if="printDialog"
        ref="ruleForm"
        :data="pdfData"
      />

      <!-- 弹出的详情框右下角的确认取消 -->
      <div slot="footer" class="dialog-footer">
        <!-- <el-button v-if="btnState3" v-loading="dialogLoading" type="primary" size="mini" @click="exportResult">导出</el-button> -->
        <el-button v-loading="dialogLoading" size="mini" @click="dialogVisible = false">取 消</el-button>
        <el-button v-if="btnState1" v-loading="dialogLoading" type="primary" size="mini" @click="commit">确定</el-button>
        <el-button v-if="btnState2" v-loading="dialogLoading" type="primary" size="mini" @click="upData">修改</el-button>
        <!-- <el-button v-if="btnState4" v-loading="dialogLoading" type="primary" size="mini" @click="submitForm">打印</el-button> -->
      </div>

    </el-dialog>
  <!-- 弹出框结束 -->

  </div>
</template>

<script>

import {
  getAssayResultPage,
  addAssayResult,
  editAssayResult,
  deleteAssayResultIds,
  getassayConfigById,
  getNoCollectRecordList,
  getassayConfigPage,
  getCollectRecordPage,
  getSampleplacedPage,
  addCollectRecord
} from '@/api/dcApi/assayMngApi'

import ReturnPdf from '../../../common/ReturnPdf'
import { validyyyyMMdd } from '@/utils/validate'
import XLSX from 'xlsx'
import moment from 'moment'

export default {
  name: 'AssayResult',
  components: { ReturnPdf },

  data() {
    return {
      dialogLoading: false,
      dialogTitle: '新增',
      dialogVisible: false,
      nameEditState: false,
      editState: false,
      btnState1: true,
      btnState2: true,
      btnState3: true,
      btnState4: false,
      assayResultName: '',
      times: [],
      loading: false,
      assayResultData: [],
      pageInfo: { current: 1, size: 40, total: 0 }, // 分页数据
      ruleForm: {
        id: '',
        assayResultNo: '',
        assayResultName: '',
        collectNo: '',
        remark: '',
        collectNoId: '',
        assayConfigId: ''
      },
      rules: {
        assayResultName: [
          { required: true, message: '请输入化验结果名称', trigger: 'change' }
        ],
        assayConfigId: [
          { required: true, message: '请选择化验项配置', trigger: 'change' }
        ]
      },

      // 化验项字典传过来的数据
      assayDicData: [],

      // 下拉框水样编号查询采集记录数据
      tableData: [],
      table: [],

      //
      NoAssayResultData: [],

      //
      infoDialog: false,
      printDialog: false,
      pdfData: [],
      column: [],
      samplingLocationData: []
    }
  },

  computed: {},

  watch: {},

  created() {
    getassayConfigPage({
      size: 999,
      current: 1
    }).then((res) => {
      if (res.code == 1) {
        this.assayDicData = res.result.records
      } else {
        this.$message.error('查询失败！')
      }
    })

    getSampleplacedPage({
      current: 1,
      size: 40
    }).then((res) => {
      if (res.code == 1) {
        this.samplingLocationData = res.result.records
      } else {
        this.$message.error('查询失败！')
      }
    })
  },

  mounted() {
    // this.queryAssayDic();
    this.queryAssayResult()
  },

  methods: {

    // 查询没有化验结果的采集记录
    queryNoAssayResultAssayDic(resultId) {
      const params = {
        resultId: resultId
      }
      getNoCollectRecordList(params)
        .then((res) => {
          if (res.code == 1) {
            this.NoAssayResultData = res.result
            // console.log("没有"+JSON.stringify(this.NoAssayResultData));
          } else {
            this.$message.error('查询失败！')
          }
        })
    },

    // 查询化验结果
    queryAssayResult() {
      const params = {
        size: this.pageInfo.size,
        current: this.pageInfo.current
      }

      if (this.assayResultName != '') { Object.assign(params, { assayResultName: this.assayResultName }) }
      if (!this.times) {
        this.times = []
      }
      if (this.times.length > 1) {
        Object.assign(params, {
          startTime: this.times[0] + ' 00:00:00',
          endTime: this.times[1] + ' 23:59:59'
        })
      }
      this.loading = true
      getAssayResultPage(params).then((res) => {
        if (res.code == 1) {
        // console.log("化验结果数据11"+JSON.stringify(res));
          this.pageInfo.total = res.result.total - 0
          this.assayResultData = res.result.records
        } else {
          this.$message.error('查询失败！')
        }
      })
        .catch((ex) => {
          this.$message.error('查询失败！')
        })
        .finally(() => {
          this.loading = false
        })
    },

    // 新增化验结果
    addAssayResult() {
      // this.ruleForm = {};
      this.queryNoAssayResultAssayDic(0)
      this.tableData = []
      this.dialogTitle = '新增化验结果'
      this.dialogVisible = true
      this.nameEditState = true
      this.editState = false
      this.btnState1 = true
      this.btnState2 = false
      this.btnState3 = false
      this.btnState4 = false
      this.infoDialog = true
      this.printDialog = false
      this.ruleForm = this.$options.data().ruleForm
      this.$nextTick(() => {
        this.$refs.ruleForm.clearValidate()
      })
      // 设置时间
      const yy = new Date().getFullYear()
      const mm = new Date().getMonth() + 1
      const dd = new Date().getDate()
      const hh = new Date().getHours()
      const mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
      const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
      const nowTime = yy + '/' + mm + '/' + dd + ' ' + hh + ':' + mf + ':' + ss

      this.ruleForm.createTime = nowTime
      this.ruleForm.createUserName = this.$store.state.user.realName
    },

    /**
 * 验证数据
 */
    validationData() {
      if (this.tableData.length == 0) {
        this.$message.warning('请选择化验项配置！')
        return false
      }
      const formData = new FormData()
      let currentDay = moment().format('YYYY-MM-DD')
      const find = this.tableData.find(item => item.assayTime === currentDay)
      if (find) {
        const column = this.column
        for (let i = 0; i < column.length; i++) {
          if (!find[column[i].prop]) {
            this.$message.warning('请填写化验值！')
            return false
          }
        }
      } else {
        return false
      }
      let indexNum = 0

      // 循环写入数据
      for (let index = 0; index < this.tableData.length; index++) {
        const row = this.tableData[index]
        let flag = false

        // 验证是否每个值都存在
        for (const key in row) {
          if (key === 'assayTime' || key === 'isEdit') continue
          if (!row[key]) {
            flag = true
            break
          }
        }
        if (flag) continue

        // 保存存在的 值
        for (const key in row) {
          if (key === 'isEdit') continue
          if (key === 'assayTime') {
            currentDay = row[key]
            continue
          }
          formData.append(`assayResultDetails[${indexNum}].assayDicId`, key.replace('value', '')) // 化验项id
          formData.append(`assayResultDetails[${indexNum}].assayCheckValue`, row[key]) // 化验值
          formData.append(`assayResultDetails[${indexNum}].assayUser`, this.$store.state.user.realName) // 化验人员
          formData.append(`assayResultDetails[${indexNum}].assayTime`, currentDay) // 化验时间
          formData.append(`assayResultDetails[${indexNum}].assayResult`, '合格') // 化验结果
          indexNum++
        }
      }
      return formData
    },

    commit() {
      this.$refs['ruleForm'].validate(async(valid) => {
        if (valid) {
          this.dialogLoading = true
          const formData = this.validationData()
          if (!formData) return
          if (!this.ruleForm.collectNo) {
            this.ruleForm.collectNo = await this.getItemList()
            if (!this.ruleForm.collectNo) {
              this.$message.error('生产采集记录失败')
              return
            }
          }
          formData.append('assayResultName', this.ruleForm.assayResultName)
          formData.append('assayConfigId', this.ruleForm.assayConfigId)
          formData.append('collectNo', this.ruleForm.collectNo)
          formData.append('remark', this.ruleForm.remark)
          addAssayResult(formData).then((res) => {
            if (res.code == 1) {
              this.$message.success('新增成功')
              this.dialogVisible = false
              this.dialogLoading = false
              this.queryAssayResult()
            } else {
              this.$message.error('新增失败！')
            }
          })
        } else {
          return false
        }
      })
    },

    // 详细弹窗
    showInfo(row) {
      // console.log("shuju @@@@@@@@@@" + JSON.stringify(row));
      this.pdfData = JSON.parse(JSON.stringify(row))
      this.dialogTitle = '化验结果详细报告'
      this.dialogVisible = true
      this.nameEditState = true
      //  控制是否能够编辑
      this.editState = true
      this.btnState1 = false
      this.btnState2 = false
      this.btnState3 = true
      this.btnState4 = false
      this.infoDialog = true
      this.printDialog = false

      this.ruleForm.assayResultNo = row.assayResultNo
      this.ruleForm.assayResultName = row.assayResultName
      this.ruleForm.collectNo = row.collectNo
      this.ruleForm.remark = row.remark
      this.ruleForm.createUserName = row.createUserName
      this.ruleForm.createTime = row.createTime
      this.ruleForm.assayConfigId = row.assayConfigId
      // this.tableData = row.assayResultDetails
      this.getAssayData(row.assayConfigId, row.assayResultDetails)
    },

    // 修改弹窗
    showYearInfo1(row) {
      this.queryNoAssayResultAssayDic(row.id)
      // console.log("shuju @@@@@@@@@@" + JSON.stringify(row));
      this.dialogTitle = '修改'
      this.dialogVisible = true
      this.nameEditState = true
      //  控制是否能够编辑
      this.editState = false
      this.btnState1 = false
      this.btnState2 = true
      this.btnState3 = false
      this.btnState4 = false
      this.infoDialog = true
      this.printDialog = false

      this.ruleForm.id = row.id
      this.ruleForm.assayResultNo = row.assayResultNo
      this.ruleForm.assayResultName = row.assayResultName
      this.ruleForm.collectNo = row.collectNo
      this.ruleForm.remark = row.remark
      this.ruleForm.createUserName = row.createUserName
      this.ruleForm.createTime = row.createTime
      // this.tableData = row.assayResultDetails
      this.ruleForm.assayConfigId = row.assayConfigId
      this.getAssayData(row.assayConfigId, row.assayResultDetails)
    },

    // 提交修改数据
    upData() {
      this.$refs['ruleForm'].validate(async(valid) => {
        if (valid) {
          const formData = this.validationData()
          if (!formData) return
          formData.append('id', this.ruleForm.id)
          formData.append('assayResultName', this.ruleForm.assayResultName)
          formData.append('assayConfigId', this.ruleForm.assayConfigId)
          formData.append('collectNo', this.ruleForm.collectNo)
          formData.append('remark', this.ruleForm.remark)

          editAssayResult(formData).then((res) => {
            if (res.code == 1) {
              this.$message.success('修改成功')
              this.dialogVisible = false
              this.queryAssayResult()
              this.$refs.ruleForm.resetFields()
            } else {
              this.$message.erroe('修改失败！')
            }
          })
        } else {
          return false
        }
      })
    },

    // 删除
    deleteAssayResult(row) {
      this.$confirm(
        `此操作将永久删除化验结果【${row.assayResultName}】,是否继续？`,
        '提示',
        {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }
      )
        .then(() => {
          this.delete(row)
        })
        .catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          })
        })
    },

    delete(row) {
      const params = {
        ids: row.id
      }
      deleteAssayResultIds(params).then((res) => {
        if (res.code == 1) {
          this.$message({
            type: 'success',
            message: '已删除'
          })
          this.queryAssayResult()
        } else {
          this.$message({
            type: 'info',
            message: '删除失败'
          })
        }
      })
    //   .catch((ex) => {
    // this.$message({
    //   type: "info",
    //   message: "删除失败,失败原因：" + ex,
    // });
    //   });
    },

    // 导出化验结果
    exportResult() {
      // console.log("1111");
      // htmlToPdf.downloadPDF("resultAss", this.ruleForm.assayResultName+"的化验结果报告");
      // console.log( this.getPdf )
      // this.getPdf('德昌毅欣水务回访工单', "resultAss")
      this.dialogTitle = '打印预览'
      this.infoDialog = false
      this.printDialog = true
      this.btnState3 = false
      this.btnState4 = true
    },

    // 打印
    submitForm() {
      this.$refs.ruleForm.exportPdf()
      this.dialogVisible = false
    },

    // // 导出数据
    exportData() {
      for (var i = 0; i < this.assayResultData.length; i++) {
        const list = this.assayResultData[i].assayResultDetails
        for (var j = 0; j < list.length; j++) {
          this.assayResultData[i][`assayDicName${j}`] = list[j].assayDicName
          this.assayResultData[i][`assayCheckValue${j}`] = list[j].assayCheckValue
          this.assayResultData[i][`assayResult${j}`] = list[j].assayResult
        }
      }
      // console.log("+++"+JSON.stringify(this.assayResultData));

      this.exportList(this.assayResultData)
    },

    exportList(list) {
      const tableData = [
        ['序号', '化验结果编号', '化验结果名称', '化验项配置', '水样编号', '创建人', '创建时间', '描述', '化验项', '化验值', '化验结果',
          '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果',
          '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果',
          '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果',
          '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果',
          '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果', '化验项', '化验值', '化验结果'
        ]// 导出表头,
      ] // 表格表头
      list.forEach((item, index) => {
        let rowData = []
        // 导出内容的字段
        rowData = [
          index + 1,
          item.assayResultNo,
          item.assayResultName,
          item.assayConfigName,
          item.collectNo,
          item.createUserName,
          item.createTime,
          item.remark,
          item.assayDicName0,
          item.assayCheckValue0,
          item.assayResult0,

          item.assayDicName1,
          item.assayCheckValue1,
          item.assayResult1,

          item.assayDicName2,
          item.assayCheckValue2,
          item.assayResult2,

          item.assayDicName3,
          item.assayCheckValue3,
          item.assayResult3,

          item.assayDicName4,
          item.assayCheckValue4,
          item.assayResult4,

          item.assayDicName5,
          item.assayCheckValue5,
          item.assayResult5,

          item.assayDicName6,
          item.assayCheckValue6,
          item.assayResult6,

          item.assayDicName7,
          item.assayCheckValue7,
          item.assayResult7,

          item.assayDicName8,
          item.assayCheckValue8,
          item.assayResult8,

          item.assayDicName9,
          item.assayCheckValue9,
          item.assayResult9,

          item.assayDicName10,
          item.assayCheckValue10,
          item.assayResult10,

          item.assayDicName11,
          item.assayCheckValue11,
          item.assayResult11,

          item.assayDicName12,
          item.assayCheckValue12,
          item.assayResult12
        ]
        tableData.push(rowData)
      })
      const ws = XLSX.utils.aoa_to_sheet(tableData)
      const wb = XLSX.utils.book_new()
      XLSX.utils.book_append_sheet(wb, ws, '化验结果') // 工作簿名称
      XLSX.writeFile(wb, '化验结果.xlsx') // 保存的文件名
    },

    //  下载文件
    downLoad(row) {
      // console.log("文件的星官信息" + JSON.stringify(row));
      if (row.fileUpLoadList != null) {
        // console.log(row);
        // let url = row.fileUpLoadList.filePath;
        const url = window.URL.createObjectURL(new Blob([row.fileUpLoadList.filePath]))
        const link = document.createElement('a')
        link.style.display = 'none'
        link.href = url
        link.setAttribute('download', row.fileUpLoadList.fileName) // 指定下载后的文件名，防跳转
        document.body.appendChild(link)
        link.click()
        // 释放内存
        window.URL.revokeObjectURL(link.href)
      } else {
        this.$message.error('该项报告暂未上传附件')
      }
    },

    // 通过id查询化验想配置数据
    getAssayData(val, tableData) {
      let tableDataObj = {}
      if (tableData && tableData.length) {
        tableDataObj = tableData.reduce((current, next) => {
          current[next.assayTime] = current[next.assayTime] || {}
          current[next.assayTime][`value${next.assayDicId}`] = next.assayCheckValue
          return current
        }, {})
      }
      const id = val
      this.column = []
      this.tableData = []
      getassayConfigById(id).then((res) => {
        if (res.code == 1) {
          const valueObj = {}
          res.result.listAssayDic.forEach(item => {
            this.column.push({
              prop: 'value' + item.id,
              label: item.assayDicName
            })
            valueObj[`value${item.id}`] = ''
          })
          const end = +(moment().endOf('month').format('DD'))
          for (let i = 1; i <= end; i++) {
            const dateTime = moment().format('YYYY-MM') + '-' + String(i).padStart(2, '0')
            this.tableData.push({
              assayTime: dateTime,
              isEdit: false,
              ...valueObj,
              ...(tableDataObj[dateTime] || {})
            })
          }
        } else {
          this.$message.error('查询失败！')
        }
      })
        .catch((ex) => {
          this.$message.error('查询失败！' + ex)
        })
        .finally(() => {
          this.loading = false
        })
    },

    choiceAssayConfig(val) {
      this.getAssayData(val)
    },

    // 增加红星
    addRedStar(h, { column }) {
      return [
        h('span', { style: 'color: red' }, '*'),
        h('span', ' ' + column.label)
      ]
    },

    handleSizeChange(val) {
      this.pageInfo.size = val
      this.queryAssayResult()
    },

    handleCurrentChange(val) {
      this.pageInfo.current = val
      this.queryAssayResult()
    },

    /**
     * @description 点击事件
     */
    eventClick(column, event) {
      console.log('点击事件：', column, event)
      const that = this
      const clickTitle = column.label
      const columnAry = ['化验人', '化验时间', '化验结果', '化验值']
      const columnTable = {
        '化验时间': 'assayTime',
        '化验人': 'assayUser',
        '化验结果': 'assayResult',
        '化验值': 'assayCheckValue'
      }
      if (columnAry.includes(clickTitle)) {
        that.$prompt(`请输入${clickTitle}`, '系统提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          inputValue: ''
        }).then(({ value }) => {
          console.log('输入人员', value)
          if (clickTitle == '化验时间') {
            if (validyyyyMMdd(value)) {
              that.tableData.map(item => {
                item[columnTable[clickTitle]] = value
              })
            } else {
              this.$message({
                type: 'error',
                message: '请输入正确格式的数据'
              })
              return
            }
          }
          that.tableData.map(item => {
            item[columnTable[clickTitle]] = value
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '取消输入'
          })
        })
      }
    },

    // 生产采集记录
    getItemList() {
      return new Promise(async(resolve, reject) => {
        const nowTime = moment().format('YYYY-MM-DD HH:mm:ss')
        const find = this.assayDicData.find(item => item.id === this.ruleForm.assayConfigId)
        const findId = this.samplingLocationData.find(item => item.samplePlaceName === find.remark)
        if (!findId) {
          resolve()
        }
        await addCollectRecord({
          collectTime: nowTime,
          collectUser: this.$store.state.user.realName,
          samplePlaceId: findId.id, // 采集地点
          inspectionTime: nowTime,
          assayConfigId: this.ruleForm.assayConfigId,
          remark: this.ruleForm.remark
        })

        const res = await getCollectRecordPage({
          size: 1,
          current: 1,
          createUser: this.$store.state.user.userId
        })
        resolve(res.result.records[0]?.collectNo)
      })
    },
    rowDblclick(row, column, event) {
      this.tableData.forEach(item => {
        item.isEdit = false
      })
      row.isEdit = true
    }
  }
}
</script>

<style lang="scss" scoped>
  .assayResult-container {
    height: 100%;
    width: 100%;
    padding: 10px;
  }
  </style>