peisweb/src/components/doctorCheck/CheckItemList.vue

<template>
  <div>
    <el-table :data="doctorCheck.checkItemList" style="width: 100%" :height="tableHeight" border highlight-current-row
      @row-click="rowClick" size="small">
      <el-table-column prop="itemName" label="项目" width="220" />
      <el-table-column prop="result" label="结果" min-width="200">
        <template slot-scope="scope">
          <div style="display: flex;">
            <el-autocomplete style="width: 100%;" type="textarea" v-model="scope.row.result" placeholder="请输入结果值"
              :disabled="rowResultDisabled(scope.row)" :autosize="{ minRows: 1, maxRows: 10 }" :trigger-on-focus="false"
              :fetch-suggestions="querySearch" :data-lineModeFlag="scope.row.lineModeFlag"
              @input="madeTooltips(scope.$index); computeFun(scope.$index)" v-bind:class="scope.row.class">
            </el-autocomplete>
            <el-button style="min-width:23px;padding: 2px;" icon="el-icon-caret-bottom"
              @click="btnMoreResult(scope.row, scope.$index)" :disabled="rowResultDisabled(scope.row)"
              size="small"></el-button>
            <el-button style="min-width:23px;padding:2px;margin-left: 2px;"
              @click="btnPacsResult(scope.row, scope.$index)" :disabled="rowResultDisabled(scope.row)"
              size="small">P</el-button>
          </div>
        </template>
      </el-table-column>
      <el-table-column prop="unit" label="单位" width="90" align="center" />
      <el-table-column prop="referenceRangeValue" label="参考范围" width="120" align="center" />
      <el-table-column prop="resultStatusId" label="提示" width="40" align="center">
        <template slot-scope="scope">
          <div>{{ dddw(resultStatus, 'id', scope.row.resultStatusId, 'dataInputPrompt') }}</div>
        </template>
      </el-table-column>
      <el-table-column prop="criticalFlag" label="危急值" width="50" align="center">
        <template slot-scope="scope">
          <el-button style="min-width:23px;padding:6px 2px;"
              @click="btnCritical(scope.row)"
              size="small">W</el-button>
        </template>
      </el-table-column>
    </el-table>

    <!--弹窗-->
    <div>
      <!-- 结果录入模版 -->
      <el-dialog title="结果录入模版" :visible.sync="dialogWinMoreResult" width="800px" :close-on-click-modal="false">
        <div style="margin-top: -10px;">
          <el-checkbox v-model="isSplitChooseResult" size="small" true-label="Y"
            false-label="N">选结果模板时自动添加分隔符；</el-checkbox>
          <div
            style="overflow-y:auto; height:300px;width:100%;display: flex;flex-wrap: wrap;align-content: flex-start;">
            <div v-for="item in moreResult.data" :key="item.id" style="margin: 5px;cursor:pointer;"
              @click="clickResult(item)" @dblclick="dblclickResult(item)">
              <el-tag size="samll"
                style="padding: 0 3px;height: 24px;line-height: 24px;font-size: 14px; color: #303133;background-color: white;">{{
                  item.result }}</el-tag>
            </div>
          </div>
          <div>特殊符号：</div>
          <div style="overflow-y:auto; width:100%;display: flex;flex-wrap: wrap;align-content: flex-start;">
            <div v-for="item in symbols" :key="item.id" style="margin: 1px 2px;cursor:pointer;"
              @click="insertSymbols(item.displayName)">
              <el-tag
                style="padding: 0 3px;height: 24px;line-height: 24px;font-size: 15px;color: #303133;background-color: white;">
                {{ item.displayName }}
              </el-tag>
            </div>
          </div>
          <div style="display: flex;justify-content: space-between;">
            <div style="margin-top: 5px;">录入结果：</div>
            <div style="overflow-y:auto; display: flex;flex-wrap: wrap;">
              <div v-for="item in splitSymbols" :key="item" style="margin: 1px 2px;cursor:pointer;"
                @click="insertSymbols(item)">
                <el-tag
                  style="padding: 0 3px;height: 24px;line-height: 24px;font-size: 15px;color: #303133;background-color: white;">
                  {{ item }}
                </el-tag>
              </div>
            </div>
          </div>
          <el-input id="resultBox" style="width: 100%;" class="commonFont" type="textarea"
            :autosize="{ minRows: 4, maxRows: 4 }" v-model="moreResult.result" />
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="btnClear">清 除</el-button>
          <el-button type="primary" @click="btnOkResult('defaultResult')">默认结果</el-button>
          <el-button type="primary" @click="btnOkResult('')">确 定</el-button>
          <el-button @click="dialogWinMoreResult = false">关 闭</el-button>
        </span>
      </el-dialog>

      <!--Pacs结果录入模版-->
      <el-dialog :title="'Pacs结果录入模版 -- ' + doctorCheck.asbitemName" v-if="dialogWinPacsTemplate" :visible.sync="dialogWinPacsTemplate" width="800px"
        :close-on-click-modal="false">
        <PacsTemplate :refParams="pacsParams" :refFuncOther="handlePacsResult" />
      </el-dialog>
    </div>
  </div>
</template>
<script>
// 0-无参考范围，1-数字型，2-字符型，3-性激素
import { mapState } from "vuex";
import { getapi, postapi, putapi, deletapi } from "@/api/api";
import { arrayExistObj, dddw, deepCopy } from '../../utlis/proFunc'
import PacsTemplate from "./PacsTemplate.vue";

export default {
  components: {
    PacsTemplate
  },
  props: ["isCheckPicture", "registerCheckId", "doctor_check_check_charge"],
  data() {
    return {
      resultStatus: [], //结果状态提示数据
      tipsNormal: {
        id: '01',
        displayName: "正常",
        dataInputPrompt: "正常",
        reportPrompt: "正常",
        reportBackgroundColor: 16777215,
        reportFontColor: 0,
        dataInputBackgroundColor: 16777215,
        dataInputFontColor: 0,
      }, //正常提示
      tipsError: {}, //错误提示
      tipsNegative: {}, //阴性提示
      tipsLowPositive: {}, //弱阳性提示
      tipsPositive: {}, //阳性提示      
      tipsLow: {}, //偏低提示
      tipsHigh: {}, //偏高提示
      tipsSuperLow: {}, //超低提示
      tipsSuperHigh: {}, //超高提示
      tipsSuper: {},  //文字型危急值    

      restaurants: [], //结果模版
      currentRow: -1, //当前操作的行

      dialogWinMoreResult: false,
      dialogWinPacsTemplate:false,
      moreResult: {
        data: [],
        result: '',
        defaultResult: '',
        index: 0, // 明细序列
      }, //结果模版
      isSplitChooseResult: 'N', // 选结果时，是否自动加上分隔符
      selection: { // 光标位置
        start: 0, end: 0
      },
      symbols: [], //特殊符号
      splitSymbols: ['；', '、'],  // 分隔符
      userId: '',

      // pacs 结果录入
      pacsParams: {
        from:'doctor',
        refresh:-1, // 强制刷新
        row: {},
        index: 0,
        result: '',
        summary: ''
      },

    };
  },

  created() {
    this.dictInit()
  },

  //挂载完成
  mounted() {
    this.checkItemList(this.dataTransOpts.tableS.register_check.id);

    this.userId = window.sessionStorage.getItem("userId")
  },

  computed: {
    ...mapState(["window", "dataTransOpts", "dict", "dialogWin", "doctorCheck"]),

    tableHeight() {
      let temp = this.window.pageHeight < 600 ? 600 : this.window.pageHeight
      return Math.floor((temp - 260 - (this.isCheckPicture ? 110 : 0)) * 3 / 5);
    },

  },

  methods: {
    dddw,
    dictInit() {
      //获取结果状态提示数据
      getapi('/api/app/result-status').then(res => {
        if (res.code != -1) {
          this.resultStatus = res.data
          this.resultStatus.forEach(e => {
            switch (e.id) {
              case '01': // 正常
                e.tooltips = 'tipsNormal'
                this.colorTrans(e, e.tooltips)
                break;
              case '02': // 错误
                e.tooltips = 'tipsError'
                this.colorTrans(e, e.tooltips)
                break;
              case '03': // 阴性
                e.tooltips = 'tipsNegative'
                this.colorTrans(e, e.tooltips)
                break;
              case '04': // 阳性
                e.tooltips = 'tipsPositive'
                this.colorTrans(e, e.tooltips)
                break;
              case '05': // 弱阳性
                e.tooltips = 'tipsLowPositive'
                this.colorTrans(e, e.tooltips)
                break;
              case '06': // 偏低
                e.tooltips = 'tipsLow'
                this.colorTrans(e, e.tooltips)
                break;
              case '07': // 偏高
                e.tooltips = 'tipsHigh'
                this.colorTrans(e, e.tooltips)
                break;
              case '08': // 危急值下限
                e.tooltips = 'tipsSuperLow'
                this.colorTrans(e, e.tooltips)
                break;
              case '09': // 危急值上限
                e.tooltips = 'tipsSuperHigh'
                this.colorTrans(e, e.tooltips)
                break;
              case '10': // 危急值
                e.tooltips = 'tipsSuper'
                this.colorTrans(e, e.tooltips)
                break;
              default:
                e.tooltips = 'tipsNormal'
                this.colorTrans(e, e.tooltips)
                break;
            }
          });
        }
      })

      //获取结果状态提示数据
      postapi('/api/app/CommonChar/GetCommonCharList', {}).then(res => {
        if (res.code >= 0) {
          this.symbols = res.data
        }
      })
    },

    // 颜色转换
    // displayName: "错误",
    // dataInputPrompt: "×",
    // reportPrompt: "×",
    // reportBackgroundColor: 2427166,
    // reportFontColor: 1070166,
    // dataInputBackgroundColor: 321313,
    // dataInputFontColor: 12991019,
    colorTrans(dataColor, frontColor) {
      let tempColor = '000000' + Number(dataColor.dataInputBackgroundColor).toString(16)
      let backgroundColor = '#' + tempColor.substring(tempColor.length - 6)
      tempColor = '000000' + Number(dataColor.dataInputFontColor).toString(16)
      let color = '#' + tempColor.substring(tempColor.length - 6)
      this[frontColor] = Object.assign(
        {},
        dataColor,
        { backgroundColor, color }
      )
      console.log(`this.${frontColor}`, this[frontColor])
    },

    // "referenceRangeValue": "15-55",
    // "referenceRangeTypeFlag": "1",
    // "criticalRangeValue": null,
    // "result"
    madeTooltips(index) {
      // let ts = confirm('提示')      
      let checkItem = this.doctorCheck.checkItemList[index]
      let tooltips = 'tipsNormal'
      checkItem.class = tooltips
      let referenceRangeTypeFlag = checkItem.referenceRangeTypeFlag || '0' //参考范围类别0-无参考范围，1-数字型，2-字符型，3-性激素
      // console.log('madeTooltips',index,referenceRangeTypeFlag)
      switch (referenceRangeTypeFlag) {
        case '3':  // 1 是数字型，3 是性激素期
        case '1':
          // console.log('1、3')
          if (checkItem.result) {
            let tempResult = checkItem.result
              .replaceAll('<', '').replaceAll('≤', '').replaceAll('≦', '')
              .replaceAll('>', '').replaceAll('≥', '').replaceAll('≧', '')
              .replaceAll('=', '').replaceAll(' ', '')
            console.log('tempResult', isNaN(tempResult), tempResult)
            if (isNaN(tempResult)) break;
            let result = Number(tempResult)


            if (checkItem.referenceRangeValue) {
              let criticalRangeValue = checkItem.criticalRangeValue
              let valueArr = checkItem.referenceRangeValue.replaceAll('--', '-').replaceAll('〜', '-').replaceAll('～', '-').split('-')
              if (valueArr.length == 1) valueArr.unshift(0)


              // console.log('valueArr',checkItem.referenceRangeValue,valueArr)
              if (criticalRangeValue) {
                let criticalArr = criticalRangeValue.replaceAll('--', '-').replaceAll('〜', '-').replaceAll('～', '-').split('-')
                if (criticalArr.length == 1) criticalArr.unshift(0)

                // console.log('criticalArr',checkItem.criticalRangeValue,criticalArr)

                if (result < Number(criticalArr[0])) {
                  tooltips = 'tipsSuperLow'
                } else if (result > Number(criticalArr[1])) {
                  tooltips = 'tipsSuperHigh'
                } else if (result < Number(valueArr[0])) {
                  tooltips = 'tipsLow'
                } else if (result > Number(valueArr[1])) {
                  tooltips = 'tipsHigh'
                }
              } else {
                if (result < Number(valueArr[0])) {
                  tooltips = 'tipsLow'
                } else if (result > Number(valueArr[1])) {
                  tooltips = 'tipsHigh'
                }
              }
            }

            //错误值校验
            let errArr = []
            if (checkItem.inputCheck) {
              errArr = checkItem.inputCheck.replaceAll('--', '-').replaceAll('〜', '-').replaceAll('～', '-').split('-')
              if (errArr.length == 1) errArr.unshift(-1)
            }
            if (errArr && errArr.length > 1) {
              if (result < Number(errArr[0]) || result > Number(errArr[1])) {
                tooltips = 'tipsError'
                console.log('checkItem', checkItem)
              }
            }
          }
          break;
        case '2':
          if (checkItem.result) {
            if (checkItem.result.indexOf('阴性') > -1 || checkItem.result.indexOf('-') > -1) {
              tooltips = 'tipsNegative'
            } else if (checkItem.result.indexOf('弱阳性') > -1 || checkItem.result.indexOf('±') > -1) {
              tooltips = 'tipsLowPositive'
            } else if (checkItem.result.indexOf('阳性') > -1 || checkItem.result.indexOf('+') > -1) {
              tooltips = 'tipsPositive'
            }
          }
          break;
        default:
          break;
      }

      // 判断后重新赋值
      checkItem.class = tooltips
      // 保存过检查时，直接取数据库
      checkItem.resultStatusId = this[tooltips].id   //名称 dataInputPrompt

      // console.log('checkItem',checkItem)
      // console.log(`this.${tooltips}`,this[tooltips])
    },

    // 行结果是否可编辑
    rowResultDisabled(row) {
      return row.isCalculationItem == 'Y' || this.doctorCheck.RegisterCheckEdit.completeFlag == '1' || this.doctorCheck.RegisterCheckEdit.completeFlag == '2'
    },
    btnCritical(row){
      this.dialogWin.FollowCriticalCheck=true
      this.doctorCheck.combinationCriticalValue=false
      this.doctorCheck.singleDetailedProject=row
    },
    //项目列为计算函数
    computeFun(index) {
      // 有计算项的，才调用计算函数
      let haveComputeFun = false
      let checkItem = this.doctorCheck.checkItemList[index]
      console.log('checkItem', checkItem)
      let body = {
        registerCheckId: checkItem.registerCheckId,
        items: []
      }

      this.doctorCheck.checkItemList.forEach(e => {
        body.items.push({
          itemId: e.itemId,
          result: e.result
        })
        if (e.isCalculationItem == 'Y') haveComputeFun = true
      });
      if (!haveComputeFun) return  // 有计算项的，才调用计算函数
      let lfind = -1
      postapi('/api/app/diagnosisfunction/getcalculationfunctionresult', body).then(res => {
        if (res.code != -1) {
          // console.log('res.data',res.data)
          res.data.items.forEach(e => {
            lfind = arrayExistObj(this.doctorCheck.checkItemList, "itemId", e.itemId)
            if (lfind > -1) {
              if (e.result != this.doctorCheck.checkItemList[lfind].result) {
                this.doctorCheck.checkItemList[lfind].result = e.result
                console.log('e', lfind, this.doctorCheck.checkItemList[lfind])
                this.madeTooltips(lfind)
              }
            }
          });
        }
      })
    },

    // 点击结果模版按钮
    btnMoreResult(row, index) {
      this.moreResult.data = deepCopy(row.itemResultTemplates)
      this.moreResult.result = row.result
      this.moreResult.defaultResult = row.defaultResult
      this.moreResult.index = index
      // "itemId": "3a0c517f-cbdb-9fff-e300-1f76b3e47580",
      // "result": "00000",
      // "diagnosisId": "3a0ed8a2-72d9-ee50-78aa-5b1f474f2921",
      // "isNameIntoSummary": "N",
      // "isResultIntoSummary": "Y",
      // "resultStatusId": "01",
      // "simpleCode": "0"

      this.dialogWinMoreResult = true

      this.watchSelection()

    },

    // pacs结果模板
    btnPacsResult(row, index) {

      let result = row.result
      let summary = ''

      this.doctorCheck.checkSummaryList.forEach((e, i) => {
        summary += e.summary
      });


      this.pacsParams.row = row
      this.pacsParams.index = index
      this.pacsParams.result = result
      this.pacsParams.summary = summary
      this.pacsParams.refresh++
      
      
      this.dialogWinPacsTemplate = true
    },

    // 双击选择结果模版的结果
    dblclickResult(item) {
      this.moreResult.result = ''
      this.clickResult(item)
      this.btnOkResult('')
    },

    // 单击选择结果模版的结果
    clickResult(item) {
      let result = []
      if (this.moreResult.result) result = this.moreResult.result.split('；')
      // 不用分隔符时，不判断包含关系
      if (this.isSplitChooseResult == 'Y' && result.indexOf(item.result) > -1) return
      if (this.isSplitChooseResult == 'Y' || result.length == 0) {
        result.push(item.result)
      } else {
        result[result.length - 1] = result[result.length - 1] + item.result
      }

      let ret = ''
      result.forEach((e, i) => {
        let splitStr = '；'
        if (i == 0) splitStr = ''
        ret += splitStr + e
      });
      this.moreResult.result = ret
    },

    // 清除结果值
    btnClear() {
      this.moreResult.result = ''
    },

    btnOkResult(result) {
      this.doctorCheck.checkItemList[this.moreResult.index].result = result ? this.moreResult[result] : this.moreResult.result
      this.madeTooltips(this.moreResult.index);
      this.computeFun(this.moreResult.index)
      this.dialogWinMoreResult = false
    },

    // 处理 pacs 结果录入的情况
    handlePacsResult(row, index, pacsResult) {
      // console.log('row,index,pacsResult', row, index, pacsResult)
      this.doctorCheck.checkItemList[index].result = pacsResult.result
      this.doctorCheck.checkSummaryList = [{
        id: Math.random(),
        registerCheckId: this.doctorCheck.RegisterCheckEdit.id,
        summary: pacsResult.summary,
        summaryFlag: 'N',
      }]
      this.dialogWinPacsTemplate = false
    },



    //选择项目
    rowClick(row) {
      this.doctorCheck.checkItem = row;
      this.restaurants = row.itemResultTemplates;
    },

    //检查组合项目下所包含的明细项目
    checkItemList(RegisterCheckId) {
      // this.doctorCheck.checkItem = null
      if (!RegisterCheckId) {
        this.doctorCheck.checkItemList = []
        this.doctorCheck.RegisterCheckEdit = {
          id: '',
          checkDoctorId: '',
          checkDate: '',
          LastModifierId: '',
          LastModificationTime: '',
          completeFlag: ''
        }
        return
      }
      console.log(`/api/app/registercheckitem/getlistinregistercheckid?RegisterCheckId=${RegisterCheckId}`);

      getapi(`/api/app/registercheck/getregistercheck?id=${RegisterCheckId}`)
        .then(res => {
          if (res.code > -1) {
            this.doctorCheck.RegisterCheckEdit = res.data
            if (res.data.isCharge != 'Y' && this.doctor_check_check_charge == 'Y') {
              this.$message.warning({ showClose: true, message: `该体检人员未缴清费用！` })
            }
            if (this.doctorCheck.RegisterCheckEdit.completeFlag == '0') {
              this.doctorCheck.RegisterCheckEdit.checkDoctorId = this.userId
              this.doctorCheck.RegisterCheckEdit.checkDate = new Date()
            }
            return getapi(`/api/app/registercheckitem/getlistinregistercheckid?RegisterCheckId=${RegisterCheckId}&PatientRegisterId=${this.dataTransOpts.tableS.patient_register.id}`)
          }
        })
        .then((res) => {
          // console.log("checkItemList", res.data);
          if (res && res.code > -1) {

            res.data.forEach((e, i) => {
              // 虚拟显示危急状态
              e['criticalFlag'] = 'N'
            });

            this.doctorCheck.checkItemList = res.data;
            this.doctorCheck.checkItemList.forEach((e, i) => {
              if (this.doctorCheck.RegisterCheckEdit.completeFlag == '0') {
                this.madeTooltips(i)
              } else {
                let lfind = arrayExistObj(this.resultStatus, 'id', e.resultStatusId)
                if (lfind > -1) {
                  e.class = this.resultStatus[lfind].tooltips
                }
              }
            });
            this.enterToTab();
          }
        })
        .catch((err) => {
          this.$message.error({ showClose: true, message: `操作失败，原因：${err}` });
        });
    },

    querySearch(queryString, cb) {
      var restaurants = []; //不需要字典库显示  deepCopy(this.restaurants) [{ value: '阴性' },{ value: '阳性' }]
      restaurants.forEach((item) => {
        return (item.value = item.result);
      });
      // console.log("restaurants", restaurants);
      var results = queryString
        ? restaurants.filter(this.createFilter(queryString))
        : restaurants;
      // 调用 callback 返回建议列表的数据
      cb(results);
    },

    createFilter(queryString) {
      return (restaurant) => {
        return (
          restaurant["value"]
            .toLowerCase()
            .indexOf(queryString.toLowerCase()) > -1
        );
      };
    },
    handleSelect(item) {
      console.log('item', item);
    },

    //回车替代tab键
    enterToTab() {
      // console.log('enterToTab');
      this.$nextTick(() => {
        let inputs = document.querySelectorAll(["textarea", "input"]); //用数组可以读取多个标签的元素  //.inline-input

        // console.log('inputs', typeof inputs, inputs)

        // 为每个输入框添加键盘事件监听器
        inputs.forEach((input, i) => {
          // console.log('input',input);
          input.addEventListener('keydown', (event) => {

            // 如果按下的是回车键
            // console.log('data-lineModeFlag', input, input.getAttribute('data-lineModeFlag'), i);
            // console.log('event.keyCode', event.keyCode)

            switch (event.keyCode) {
              case 13:
                if (event.keyCode === 13 && input.getAttribute('data-lineModeFlag') == '0') {
                  event.preventDefault();
                } else {
                  break;
                }
              case 9:  // tab 键
                event.preventDefault();
              case 40: // ↓ 键
                for (let j = i + 1; j < inputs.length; j++) {
                  // console.log(inputs[j], inputs[j].getAttribute('type'), inputs[j].getAttribute('placeholder'))
                  if (inputs[j].getAttribute('placeholder') == "请输入结果值") {
                    if (inputs[j].getAttribute('disabled') != "disabled") {
                      // console.log('inputs[j]', inputs[j])
                      inputs[j].focus();
                      break;
                    }
                  }
                }
                break;
              case 38: // ↑ 键
                for (let j = i - 1; j > -1; j--) {
                  // console.log(inputs[j], inputs[j].getAttribute('type'), inputs[j].getAttribute('placeholder'))
                  if (inputs[j].getAttribute('placeholder') == "请输入结果值") {
                    if (inputs[j].getAttribute('disabled') != "disabled") {
                      // console.log('inputs[j]', inputs[j])
                      inputs[j].focus();
                      break;
                    }
                  }
                }
                break;
              default:
                break;
            }
          });

          // 点击时全选结果
          input.addEventListener('click', (event) => {
            input.select()
          });
        });
      });
    },

    // 光标位置插入特殊符号
    insertSymbols(symbols) {
      let result = this.moreResult.result || ''
      if (result) {
        result = result.substring(0, this.selection.start) + symbols + result.substring(this.selection.end)
      } else {
        result = symbols
      }
      this.moreResult.result = result
      this.selection.start++
      this.selection.end++
    },
    // 获取光标位置的函数
    getCaretPosition() {
      let input = document.getElementById('resultBox');
      this.selection.start = input.selectionStart;
      this.selection.end = input.selectionEnd;
      // console.log('selection',this.selection)
    },
    watchSelection() {
      this.$nextTick(() => {
        let that = this
        let resultBox = document.getElementById('resultBox'); //用数组可以读取多个标签的元素  //.inline-input
        // 绑定键盘事件到文本框
        resultBox.addEventListener('click', function (event) {
          // 获取光标位置
          that.getCaretPosition()
        })

        resultBox.addEventListener('input', function (event) {
          // 获取光标位置
          that.getCaretPosition()
        })
      })
    },
  },

  //监听事件
  watch: {
    //检查项目切换
    // "doctorCheck.RegisterCheckId":{
    //   immediate:true,
    //   handler(newVal, oldVal) {
    //     console.log(
    //       "watch doctorCheck.RegisterCheckId newVal：",
    //       newVal,
    //       " oldVal：",
    //       oldVal
    //     );        
    //     this.checkItemList(newVal);
    //   }  
    // },

    //检查项目未切换换时 也可以强制刷新数据
    "dataTransOpts.refresh.register_check_item.M": {
      // immediate: true,
      handler(newVal, oldVal) {
        console.log(`watch 检查明细 newVal:${newVal} oldVal:${oldVal} registerCheckId: ${this.dataTransOpts.tableS.register_check.id}`);
        this.checkItemList(this.dataTransOpts.tableS.register_check.id);
      }
    },
  },
};
</script>
<style lang="scss" scoped>
@import "../../assets/css/global.css";

::v-deep .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  padding: 0;
}

::v-deep .el-textarea__inner {
  min-height: 23px;
  height: 23px;
  line-height: 1.25;
  padding: 2px 15px 2px 2px;
}

/*正常*/
::v-deep .tipsNormal .el-textarea__inner {
  background-color: v-bind("tipsNormal.backgroundColor") !important;
  color: v-bind("tipsNormal.color") !important;
  font-family: "Microsoft YaHei";
}

/*错误*/
::v-deep .tipsError .el-textarea__inner {
  background-color: v-bind("tipsError.backgroundColor") !important;
  color: v-bind("tipsError.color") !important;
  font-family: "Microsoft YaHei";
}

/*阴性  v-bind("(window.pageHeight > 600 ? (window.pageHeight - 250) : 350) + 'px'") */
::v-deep .tipsNegative .el-textarea__inner {
  background-color: v-bind("tipsNegative.backgroundColor") !important;
  color: v-bind("tipsNegative.color") !important;
  font-family: "Microsoft YaHei";
}

/*弱阳性  v-bind("(window.pageHeight > 600 ? (window.pageHeight - 250) : 350) + 'px'") */
::v-deep .tipsLowPositive .el-textarea__inner {
  background-color: v-bind("tipsLowPositive.backgroundColor") !important;
  color: v-bind("tipsLowPositive.color") !important;
  font-family: "Microsoft YaHei";
}

/*阳性  v-bind("(window.pageHeight > 600 ? (window.pageHeight - 250) : 350) + 'px'") */
::v-deep .tipsPositive .el-textarea__inner {
  background-color: v-bind("tipsPositive.backgroundColor") !important;
  color: v-bind("tipsPositive.color") !important;
  font-family: "Microsoft YaHei";
}

/*偏低  v-bind("(window.pageHeight > 600 ? (window.pageHeight - 250) : 350) + 'px'") */
::v-deep .tipsLow .el-textarea__inner {
  background-color: v-bind("tipsLow.backgroundColor") !important;
  color: v-bind("tipsLow.color") !important;
  font-family: "Microsoft YaHei";
}

/*偏高  v-bind("(window.pageHeight > 600 ? (window.pageHeight - 250) : 350) + 'px'") */
::v-deep .tipsHigh .el-textarea__inner {
  background-color: v-bind("tipsHigh.backgroundColor") !important;
  color: v-bind("tipsHigh.color") !important;
  font-family: "Microsoft YaHei";
}

/*超低  v-bind("(window.pageHeight > 600 ? (window.pageHeight - 250) : 350) + 'px'") */
::v-deep .tipsSuperLow .el-textarea__inner {
  background-color: v-bind("tipsSuperLow.backgroundColor") !important;
  color: v-bind("tipsSuperLow.color") !important;
  font-family: "Microsoft YaHei";
}

/*超高  v-bind("(window.pageHeight > 600 ? (window.pageHeight - 250) : 350) + 'px'") */
::v-deep .tipsSuperHigh .el-textarea__inner {
  background-color: v-bind("tipsSuperHigh.backgroundColor") !important;
  color: v-bind("tipsSuperHigh.color") !important;
  font-family: "Microsoft YaHei";
}

/*文字性危及值  v-bind("(window.pageHeight > 600 ? (window.pageHeight - 250) : 350) + 'px'") */
::v-deep .tipsSuper .el-textarea__inner {
  background-color: v-bind("tipsSuper.backgroundColor") !important;
  color: v-bind("tipsSuper.color") !important;
  font-family: "Microsoft YaHei";
}

::v-deep .commonFont .el-textarea__inner {
  font-family: "Microsoft YaHei";
}
</style>