<route lang="yaml">
  name: diseaseManage
  </route>

<script lang="ts" setup name="diseaseManage">
import { ref } from 'vue';
import TableTools from '@/components/Tools/table_tools.vue';
import { TableColumnWidth, commonPageConfig } from '@/utils/enum';
import { ElMessage, ElMessageBox } from "element-plus";
import { CirclePlus } from "@element-plus/icons-vue";
import { useRouter, useRoute } from "vue-router";
import useUserStore from "@/store/modules/user";
import useCatchStore from "@/store/modules/catch";
import {
  getDiseaseAll,
  getDiseaseList,
  saveDisease,
  updateDisease,
  deleteDisease,
} from '@/api/modules/dataPricing';
import { changeNum } from '@/utils/common';

const router = useRouter();
const userStore = useUserStore()
const userData = JSON.parse(userStore.userData)
const { proxy } = getCurrentInstance() as any;
const cacheStore = useCatchStore()

const searchItemList = ref([
  {
    type: "input",
    label: "",
    field: "diseaseName",
    default: "",
    placeholder: "疾病名称",
    clearable: true,
  },
  {
    type: "select",
    label: "",
    field: "isChildrenDisease",
    placeholder: "是否儿童",
    default: "",
    options: [
      { label: '是', value: 'Y' },
      { label: '否', value: 'N' }
    ],
    clearable: true,
  }
]);

const tableData: any = ref([]);
const selectRowData: any = ref([])
const currTableData: any = ref({});
const selectionTreeTableRef = ref();
const page: any = ref({
  ...commonPageConfig,
  diseaseName: '',
  isChildrenDisease: ''
});
const tableInfo = ref({
  id: 'api-data-table',
  rowKey: 'guid',
  loading: false,
  multiple: true,
  fields: [
    { label: "疾病名称", field: "diseaseName", width: 200 },
    {
      label: "是否儿童疾病", field: "isChildrenDisease", width: 120, getName: (scope) => {
        return scope.row.isChildrenDisease == 'Y' ? '是' : '否';
      }
    },
    { label: "发病率/患病率", field: "incidenceRate", width: 120 },
    {
      label: "因子", field: "factor", width: 100, align: 'right', getName: (scope) => {
        return (scope.row.factor !== '' && scope.row.factor !== null) ? changeNum(scope.row.factor, 2) : '-';
      }
    },
    {
      label: "启用状态", field: "bizState", type: 'tag', width: 120, align: 'center', getName: (scope) => {
        return scope.row.bizState == 'Y' ? '启用' : '停用';
      }, tagType: (scope) => {
        return scope.row.bizState == 'Y' ? 'success' : 'info';
      }
    },
    { label: "排序", field: "orderNum", width: 100, align: 'right', type: 'chnum' },
    { label: "创建时间", field: "createTime", width: TableColumnWidth.DATETIME },
  ],
  data: tableData.value,
  treeProps: {
    children: 'childList',
    hasChildren: 'hasChildren',
    checkStrictly: false,
  },
  page: {
    type: "normal",
    rows: 0,
    ...page.value,
  },
  actionInfo: {
    label: "操作",
    type: "btn",
    isMore: false,
    width: 120,
    btns: [
      { label: "编辑", value: "edit" },
      { label: "删除", value: "del" }
    ]
  }
});

/** ---- 新增修改标签对话框配置-------------  */
const catalogData = ref([]);
const formItems: any = ref([
  {
    label: '疾病名称',
    type: 'input',
    placeholder: '请输入',
    field: 'diseaseName',
    default: '',
    maxlength: 50,
    required: true,
    clearable: true,
  },
  {
    label: '所属上级',
    type: 'cascader',
    placeholder: '请选择',
    field: "parentGuid",
    default: [],
    options: [],
    showAllLevels: false,
    props: {
      checkStrictly: true,
      label: "diseaseName",
      children: 'childList',
      value: "guid",
      emitPath: false
    },
    clearable: true,
    filterable: true,
  },
  {
    label: '是否儿童疾病',
    type: 'select',
    placeholder: '请选择',
    field: 'isChildrenDisease',
    default: '',
    options: [
      { label: '是', value: 'Y' },
      { label: '否', value: 'N' }
    ],
    required: true,
    clearable: true,
  },
  {
    label: '启用状态',
    type: 'switch',
    field: 'bizState',
    default: 'Y',
    placeholder: '请选择',
    activeValue: 'Y',
    inactiveValue: 'N',
    switchWidth: 32,
  },
  {
    label: '发病率/患病率',
    type: 'input',
    placeholder: '请输入',
    field: 'incidenceRate',
    default: '',
    maxlength: 20,
    clearable: true,
    required: true,
  },
  {
    label: '因子',
    type: 'input-group',
    placeholder: '请输入',
    field: 'in',
    default: '',
    children: [
      {
        label: '',
        type: 'input',
        placeholder: '请输入',
        field: 'factor',
        default: '',
        inputType: 'factorNumber',
        maxlength: 10,
        clearable: true,
      },
      {
        label: '',
        type: 'checkbox',
        placeholder: '下级同时修改',
        desc: '',
        field: 'juniorTogetherModify',
        default: "N",
        trueValue: 'Y',
        falseValue: 'N',
      }
    ],
  },
  {
    label: '排序',
    type: 'input',
    placeholder: '由数字组成',
    field: 'orderNum',
    inputType: 'integerNumber',
    default: '',
    maxlength: 6,
    clearable: true,
  },
])
const formRules = ref({
  diseaseName: [
    { required: true, message: '请填写疾病名称', trigger: 'blur' }
  ],
  isChildrenDisease: [
    { required: true, message: '请选择是否儿童疾病', trigger: 'change' }
  ],
  bizState: [
    { required: true, message: '请选择启用状态', trigger: 'change' }
  ],
  incidenceRate: [
    { requires: true, message: '请填写发病率/患病率', trigger: 'blur' },
    {
      validator: (rule: any, value: any, callback: any) => {
        if (!value) {
          callback(new Error("请填写发病率/患病率"));
        } else {
          if (drawerInfo.value.type.indexOf('edit') > -1 && currTableData.value.incidenceRate == value) {
            callback();
            return
          }
          let eMsg = '';
          // 验证格式：数字、小数或分数
          if (!/^[0-9]*\.?[0-9]*(\/[0-9]+\.?[0-9]*)?$/.test(value)) {
            eMsg = '请输入有效的数字、小数或分数（如0.5或1/2）';
          }

          let numericValue;

          // 处理分数
          if (value.includes('/')) {
            const parts = value.split('/');
            if (parts.length !== 2) {
              eMsg = '请输入有效的分数格式（如1/2）';
            }

            const numerator = parseFloat(parts[0]);
            const denominator = parseFloat(parts[1]);

            if (isNaN(numerator) || isNaN(denominator)) {
              eMsg = '请输入有效的分数格式（如1/2）';
            }

            if (denominator === 0) {
              eMsg = '请输入有效的分数格式（如1/2）';
            }

            numericValue = numerator / denominator;
          } else {// 处理普通数字
            numericValue = parseFloat(value);
            if (isNaN(numericValue)) {
              eMsg = '请输入有效的数字';
            }
          }

          if (numericValue < 0) {
            eMsg = '发病率必须大于等于0';
          }

          if (numericValue > 1) {
            eMsg = '发病率必须小于或等于1';
          }
          if (eMsg) {
            callback(new Error(eMsg));
          } else {
            callback();
          }
        }
      },
      trigger: "blur",
    },
  ]
});
const formInfo = ref({
  type: "form",
  title: "",
  col: "span",
  formInfo: {
    id: "add-disease-form",
    readonly: false,
    items: formItems.value,
    rules: formRules.value,
  },
});

const drawerInfo = ref({
  visible: false,
  direction: "rtl",
  size: 480,
  header: {
    title: "新增",
  },
  type: "",
  container: {
    contents: [
      formInfo.value
    ],
  },
  footer: {
    visible: true,
    btns: [
      { type: "default", label: "取消", value: "cancel" },
      { type: "primary", label: "保存", value: "submit" },
    ],
  },
});

// 获取所有疾病数据
const getDiseaseData = () => {
  getDiseaseAll().then((res: any) => {
    if (res.code == proxy.$passCode) {
      const data = res.data || [];
      catalogData.value = JSON.parse(JSON.stringify(data));
    }
  })
}

const toSearch = (val: any, clear: boolean = false) => {
  page.value.curr = 1;
  if (clear) {
    searchItemList.value.map((item) => (item.default = ""));
    page.value.diseaseName = '';
    page.value.isChildrenDisease = '';
  } else {
    page.value.diseaseName = val.diseaseName || '';
    page.value.isChildrenDisease = val.isChildrenDisease || '';
  }
  getTableData();
};

const getTableData = () => {
  tableInfo.value.loading = true;
  getDiseaseList({
    tenantGuid: userData.tenantGuid,
    pageSize: page.value.limit,
    pageIndex: page.value.curr,
    diseaseName: page.value.diseaseName,
    isChildrenDisease: page.value.isChildrenDisease,
  }).then((res: any) => {
    tableInfo.value.loading = false;
    if (res.code == proxy.$passCode) {
      const data = res.data || {};
      tableData.value = data.records || [];
      tableInfo.value.data = data.records || []
      tableInfo.value.page.limit = data.pageSize
      tableInfo.value.page.curr = data.pageIndex
      tableInfo.value.page.rows = data.totalRows
      // formItems.value[1].options = data.records || [];
    } else {
      proxy.$ElMessage.error(res.msg);
    }
  })
}

const tablePageChange = (info) => {
  page.value.curr = Number(info.curr);
  page.value.limit = Number(info.limit);
  tableInfo.value.page.limit = page.value.limit;
  tableInfo.value.page.curr = page.value.curr;
  getTableData();
};

// 处理表格数据选中
const setSelect = (data, flag) => {
  data.forEach((row: any) => {
    selectionTreeTableRef.value.tableRef.toggleRowSelection(row, flag);
    row.childList && setSelect(row.childList, flag);
  });
}

const setCataLog = (dataArr, id, parentDisabled = false) => {
  return dataArr.map(item => {
    // 当前节点是否被禁选（自身匹配或父节点已禁选）
    const isDisabled = parentDisabled || item.guid === id;
    // 新节点基础属性
    const newItem = {
      ...item,
      disabled: isDisabled
    };

    // 递归处理子节点，并传递当前节点的禁选状态
    if (item.childList && item.childList.length > 0) {
      newItem.childList = setCataLog(item.childList, id, isDisabled);
    }
    return newItem;
  })
}

const tableCheckboxSelectChange = (selectRows, row) => {
  const check = selectRows.find(item => item.guid === row.guid);
  row.childList && setSelect(row.childList, check ? true : false);
}

const checkAll = ref(false)
const tableCheckboxAllSelectChange = (selectRows) => {
  checkAll.value = !checkAll.value;
  setSelect(tableData.value, checkAll.value);
}

const tableSelectionChange = (val) => {
  selectRowData.value = val;
};

const tableBtnClick = (scope, btn) => {
  const type = btn.value;
  const row = scope.row;
  currTableData.value = row;
  if (type === 'edit') { // 编辑
    drawerInfo.value.visible = true;
    drawerInfo.value.header.title = '编辑疾病';
    let cata = setCataLog(catalogData.value, row.guid);
    formItems.value.map(item => {
      if (item.field == 'parentGuid') {
        item.options = cata;
      }
      item.default = row[item.field] || '';
      if (item.children) {
        item.children.map(child => {
          child.default = row[child.field] || '';
          if (child.field == 'factor') {
            child.default = (row[child.field] !== '' && row[child.field] !== null) ? changeNum(row[child.field], 2) : '';
          }
        })
      }
      if (item.inputType == 'integerNumber') {
        item.default = typeof row[item.field] == 'number' ? row[item.field] : '';
      }
    });
    drawerInfo.value.type = type;
  } else if (type === 'del') { // 删除
    open('确定要删除该条数据吗？', 'warning');
  }
};

const open = (msg, type, isBatch = false) => {
  ElMessageBox.confirm(msg, "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: type,
  }).then(() => {
    let guids = [currTableData.value.guid]
    if (isBatch) {
      guids = [];
      // 处理表格数据选中
      const setGuids = (data) => {
        data.forEach((row: any) => {
          guids.push(row.guid);
          row.childList && setGuids(row.childList);
        });
      }
      setGuids(selectRowData.value);
    }
    deleteDisease(guids).then((res: any) => {
      if (res.code == proxy.$passCode) {
        getTableData();
        getDiseaseData();
        ElMessage({
          type: "success",
          message: "删除成功",
        });
      } else {
        proxy.$ElMessage.error(res.msg);
      }
    });
  });
};

const addDisease = () => {
  formItems.value.map(item => {
    if (item.field == 'bizState') {
      item.default = 'Y';
    } else {
      if (item.field == 'parentGuid') {
        item.options = catalogData.value;
      }
      item.default = '';
      if (item.children) {
        item.children.map(child => {
          child.default = '';
        })
      }
    }
  });
  drawerInfo.value.header.title = '新增疾病';
  drawerInfo.value.type = 'add';
  drawerInfo.value.visible = true;

}
// 批量删除
const batching = (type) => {
  if (type == 'delete') {
    if (selectRowData.value.length == 0) {
      ElMessage({
        type: 'error',
        message: '请选择需要删除的数据',
      })
      return
    }
    open("此操作将永久删除, 是否继续?", "warning", true);
  } else if (type == 'import') {
    const info = {
      dictionaryGuid: ''
    }
    cacheStore.setCatch('uploadSetting', info)
    router.push(
      {
        name: 'importFileDisease',
        query: {
          isfileImport: '8'
        }
      }
    );
  }
}


const drawerBtnClick = async (btn, info) => {
  if (btn.value == "submit") {
    drawerInfo.value.footer.btns.map((item: any) => (item.disabled = true));
    let params = { ...info, tenantGuid: userData.tenantGuid };
    delete params.in;
    if (drawerInfo.value.type == "add") {
      saveDisease(params)
        .then((res: any) => {
          if (res.code == proxy.$passCode) {
            getTableData();
            getDiseaseData();
            ElMessage({
              type: "success",
              message: "新增疾病成功",
            });
            drawerInfo.value.visible = false;
          } else {
            proxy.$ElMessage.error(res.msg);
            drawerInfo.value.footer.btns.map(
              (item: any) => delete item.disabled
            );
          }
        })
        .catch(() => {
          drawerInfo.value.footer.btns.map((item: any) => delete item.disabled);
        });
    } else {
      params.guid = currTableData.value.guid;
      updateDisease(params)
        .then((res: any) => {
          if (res.code == proxy.$passCode) {
            getTableData();
            getDiseaseData();
            ElMessage({
              type: "success",
              message: "编辑疾病成功",
            });
            drawerInfo.value.visible = false;
          } else {
            proxy.$ElMessage.error(res.msg);
            drawerInfo.value.footer.btns.map(
              (item: any) => delete item.disabled
            );
          }
        })
        .catch(() => {
          drawerInfo.value.footer.btns.map((item: any) => delete item.disabled);
        });
    }
  } else {
    drawerInfo.value.footer.btns.map((item: any) => delete item.disabled);
    nextTick(() => {
      drawerInfo.value.visible = false;
    });
  }
};

onBeforeMount(() => {
  getDiseaseData();
});

onActivated(() => {

})

</script>

<template>
  <div class="container_wrap">
    <div class="table_tool_wrap">
      <TableTools :searchItems="searchItemList" :searchId="'data-source-search'" @search="toSearch" />
      <div class="tools_btns">
        <el-button type="primary" @click="addDisease" v-preReClick>新增</el-button>
        <el-button @click="batching('import')" v-preReClick>批量导入</el-button>
        <el-button @click="batching('delete')" v-preReClick>批量删除</el-button>
      </div>
    </div>
    <div class="table_panel_wrap">
      <Table ref="selectionTreeTableRef" :tableInfo="tableInfo" @tableCheckboxSelectChange="tableCheckboxSelectChange"
        @tableCheckboxAllSelectChange="tableCheckboxAllSelectChange" @tableSelectionChange="tableSelectionChange"
        @tablePageChange="tablePageChange" @tableBtnClick="tableBtnClick" />
    </div>
    <Drawer :drawerInfo="drawerInfo" @drawerBtnClick="drawerBtnClick" />
  </div>
</template>

<style lang="scss" scoped>
.table_tool_wrap {
  width: 100%;
  height: 84px !important;
  padding: 0 8px;

  .tools_btns {
    padding: 0px 0 0;
  }
}

.table_panel_wrap {
  width: 100%;
  height: calc(100% - 84px);
  padding: 0px 8px 0;
}
</style>