/**
* @file index.vue 规则设定
* @author: w
* @since: 2025-12-29
*/
<template>
  <div class="app-container">
    <div class="table-toolbar">
      <el-button type="success" plain icon="Check" @click="handleSave">保存</el-button>
    </div>
    <div class="tips">说明：1_2S作为一个警告规则，如果选中这个规则，则表示所有其他失控规则必须先满足说明:25,则视为在控。</div>
    <div class="table-row" style="margin-top: 10px;">
      <CustomTable ref="tableRef" :data="tableData" :columns="columns" :config="tableConfig"
        @selection-change="handleSelectionChange" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { saveOpt } from '@/api/liswork/qualityControl'
// import { getDictData, dictData } from '@/hooks'
import { getComDicts } from '@/api/liswork/dict/ComDict'
import { queryValue } from '@/api/liswork/xtwh/ComOpt'
import { ElMessage } from 'element-plus'
const yq = defineModel<string>()

const tableData = ref<Array<any>>([])

const tableRef = ref()
const columns = [
  { label: '有效', type: 'selection', visible: true, width: 50, align: 'center' },
  { label: '规则', prop: 'zddh', visible: true, width: 200, align: 'center' },
  { label: '规则说明', prop: 'zdmc', visible: true, align: 'center' },
];
const tableConfig = {
  border: true,
  height: '100%',
  highlightCurrentRow: true,
}
const zddhStr = ref<string>('')
const handleSelectionChange = (selection: any) => {
  zddhStr.value = selection.map((item: any) => { return item.zddh }).join(',')
}
const handleSave = () => {
  if (!zddhStr.value) return ElMessage.warning('请至少选择一项规则')
  saveOpt([{ yq: yq.value, xxqz: zddhStr.value, xxdh: 'QCRULES' }]).then((res: any) => {
    if (res.code == 0) {
      ElMessage.success('保存成功')
    }
  })
}


const getRuleList = () => {
  getComDicts({ zdlb: 'ZKGZ' }).then((res: any) => {
    tableData.value = res.data || []

    queryValue({ yq: yq.value, xxdh: 'QCRULES' }).then((res: any) => {
      tableRef.value.clearSelection()

      if (res.data) {
        const arr = res.data.split(',')
        arr.forEach((item: any) => {
          const index = tableData.value.findIndex((val: any) => val.zddh === item)
          if (index > -1) {
            tableRef.value.toggleRowSelection(tableData.value[index], true)
          }
        })

      }
    })
  })
}

watch(yq, (val) => {
  if (val) {
    getRuleList()
  }
}, { immediate: true })
</script>

<style scoped lang="scss">
.table-row {
  height: calc(100% - 135px);
}

.tips {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-size: 16px;
  color: #409eff;
  font-weight: 600;
}
</style>