危险物料管控

zhangwencui

19 小时以前 7ca3a710d5f8bab88efee23b971427f4c4c3c66b

危险物料管控

 src/api/safeProduction/hazardousMaterialsControl.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,33 @@
import request from "@/utils/request";

export function safeHazardRecordListPage(query) {
  return request({
    url: "/safeHazardRecord/page",
    method: "get",
    params: query,
  });
}

export function safeHazardRecordDel(ids) {
    return request({
        url: '/safeHazardRecord/' + ids,
        method: 'delete',
        data: ids
    })
}
// æ–°å¢žå±é™©æºå°è´¦
export function safeHazardRecordAdd(query) {
    return request({
        url: '/safeHazardRecord/borrow',
        method: 'post',
        data: query
    })
}

export function safeHazardRecordUpdate(query) {
    return request({
        url: '/safeHazardRecord/return',
        method: 'put',
        data: query
    })
}

 src/views/safeProduction/dangerInvestigation/index.vue

@@ -215,7 +215,7 @@
                          prop="createUser">
              <el-select v-model="form.createUser"
                         placeholder="请选择"
                         @change="handleChange"
                         disabled
                         clearable>
                <el-option v-for="item in userList"
                           :key="item.userId"
@@ -228,14 +228,13 @@
            <el-form-item label="上报时间："
                          prop="createTime">
              <el-date-picker style="width: 100%"
                              readonly
                              disabled
                              v-model="form.createTime"
                              value-format="YYYY-MM-DD"
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable
                              :disabled="operationType === 'view'" />
                              clearable />
            </el-form-item>
          </el-col>
        </el-row>
@@ -263,8 +262,7 @@
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable
                              :disabled="operationType === 'view'" />
                              clearable />
            </el-form-item>
          </el-col>
        </el-row>
@@ -345,8 +343,7 @@
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable
                              :disabled="operationType === 'view'" />
                              clearable />
            </el-form-item>
          </el-col>
        </el-row>
@@ -586,12 +583,6 @@
    customer: "",
  });

  const handleChange = userId => {
    const selectedUser = userList.value.find(user => user.userId === userId);
    if (selectedUser) {
      form.value.createUserName = selectedUser.nickName;
    }
  };
  const handleChange2 = userId => {
    const selectedUser = userList.value.find(user => user.userId === userId);
    if (selectedUser) {
@@ -722,8 +713,8 @@
        hiddenCode: "", // éšæ‚£ç¼–号
        location: "", // éšæ‚£ä½ç½®
        hiddenDesc: "", // éšæ‚£æè¿°
        createUser: "", // ä¸ŠæŠ¥äºº
        createUserName: "",
        createUser: Number(currentUserId.value), // ä¸ŠæŠ¥äºº
        createUserName: currentUserName.value,
        createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"), // ä¸ŠæŠ¥æ—¶é—´
        rectifyUserId: "", // æ•´æ”¹è´£ä»»äºº
        rectifyUserName: "",
@@ -952,9 +943,11 @@
    });
  };
  const currentUserId = ref("");
  const currentUserName = ref("");
  const getCurrentFactoryName = async () => {
    let res = await userStore.getInfo();
    currentUserId.value = res.user.userId;
    currentUserName.value = res.user.nickName;
  };

  /**

 src/views/safeProduction/hazardousMaterialsControl/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,889 @@
<template>
  <div class="app-container">
    <div class="search_form">
      <div>
        <span class="search_title">危险源名称：</span>
        <el-input v-model="searchForm.name"
                  style="width: 240px"
                  placeholder="请输入危险源名称搜索"
                  @change="handleQuery"
                  clearable
                  :prefix-icon="Search" />
        <span class="search_title ml10">危险源类型：</span>
        <el-select v-model="searchForm.type"
                   clearable
                   @change="handleQuery"
                   style="width: 240px">
          <el-option v-for="item in knowledgeTypeOptions"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value" />
        </el-select>
        <el-button type="primary"
                   @click="handleQuery"
                   style="margin-left: 10px">
          æœç´¢
        </el-button>
      </div>
      <div>
        <el-button type="primary"
                   @click="openForm('add')">去领用</el-button>
        <el-button type="danger"
                   plain
                   @click="handleDelete">删除</el-button>
      </div>
    </div>
    <div class="table_list">
      <PIMTable rowKey="id"
                :column="tableColumn"
                :tableData="tableData"
                :page="page"
                :isSelection="true"
                @selection-change="handleSelectionChange"
                :tableLoading="tableLoading"
                @pagination="pagination1"
                :total="page.total"></PIMTable>
    </div>
    <!-- æ–°å¢ž/编辑知识弹窗 -->
    <el-dialog v-model="dialogVisible"
               :title="dialogTitle"
               width="800px"
               :close-on-click-modal="false">
      <el-form ref="formRef"
               v-if="dialogType === 'add'"
               :model="form"
               :rules="rules"
               label-width="120px">
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="危险源"
                          prop="safeHazardId">
              <el-input v-model="valueItem.name"
                        readonly
                        @click="openSafeHazardSelect"
                        placeholder="请选择危险源" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="所在位置"
                          prop="location">
              <el-input v-model="valueItem.location"
                        disabled
                        placeholder="自动带出" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="危险源类型"
                          prop="type">
              <el-input v-model="valueItem.type"
                        disabled
                        placeholder="自动带出" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="风险等级"
                          prop="riskLevel">
              <el-input v-model="valueItem.riskLevel"
                        disabled
                        placeholder="自动带出" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="库存数量"
                          prop="stockQty">
              <el-input v-model="valueItem.stockQty"
                        disabled
                        placeholder="自动带出" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="领用用途"
                          prop="applyPurpose">
              <el-input v-model="form.applyPurpose"
                        placeholder="请输入领用用途" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="领用数量"
                          prop="applyQty">
              <el-input v-model="form.applyQty"
                        type="number"
                        min="0"
                        @input="handleApplyQtyChange"
                        placeholder="请输入领用数量" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="领用人"
                          prop="applyUserId">
              <el-select v-model="form.applyUserId"
                         disabled
                         placeholder="请选择"
                         clearable>
                <el-option v-for="item in userList"
                           :key="item.userId"
                           :label="item.nickName"
                           :value="item.userId" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="领用时间"
                          prop="applyTime">
              <el-date-picker style="width: 100%"
                              disabled
                              v-model="form.applyTime"
                              value-format="YYYY-MM-DD"
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <el-descriptions :column="2"
                       style="margin-bottom: 20px"
                       v-if="dialogType === 'edit' || dialogType === 'view'"
                       border>
        <el-descriptions-item label="危险源编码">
          <span>{{ form.code }}</span>
        </el-descriptions-item>
        <el-descriptions-item label="危险源名称">
          <span>{{ form.name }}</span>
        </el-descriptions-item>
        <el-descriptions-item label="危险源类型">
          <span>{{ getTypeLabel(form.type) }}</span>
        </el-descriptions-item>
        <el-descriptions-item label="所在位置">
          <span>{{ form.location }}</span>
        </el-descriptions-item>
        <el-descriptions-item label="风险等级">
          <el-tag :type="getTypeTagType(form.riskLevel)">
            {{ form.riskLevel }}
          </el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="领用用途">
          <span>{{ form.applyPurpose }}</span>
        </el-descriptions-item>
        <el-descriptions-item label="领用时间">
          <span>{{ form.applyTime }}</span>
        </el-descriptions-item>
        <el-descriptions-item label="领用数量">
          <span>{{ form.applyQty }}</span>
        </el-descriptions-item>
        <el-descriptions-item label="领用人">
          <span>{{ form.applyUserName }}</span>
        </el-descriptions-item>
        <el-descriptions-item v-if="dialogType === 'view' && form.returnUserId"
                              label="归还人">
          <span>{{ form.returnUserName }}</span>
        </el-descriptions-item>
        <el-descriptions-item v-if="dialogType === 'view' && form.returnTime"
                              label="归还时间">
          <span>{{ form.returnTime }}</span>
        </el-descriptions-item>
        <el-descriptions-item v-if="dialogType === 'view' && form.returnUserId"
                              label="归还情况说明">
          <span>{{ form.returnRemark }}</span>
        </el-descriptions-item>
      </el-descriptions>
      <el-form ref="formRef1"
               v-if="dialogType === 'edit'"
               :model="form"
               :rules="rules1"
               label-width="120px">
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="归还人"
                          prop="returnUserId">
              <el-select v-model="form.returnUserId"
                         disabled
                         placeholder="请选择"
                         clearable>
                <el-option v-for="item in userList"
                           :key="item.userId"
                           :label="item.nickName"
                           :value="item.userId" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="归还时间"
                          prop="returnTime">
              <el-date-picker style="width: 100%"
                              disabled
                              v-model="form.returnTime"
                              value-format="YYYY-MM-DD"
                              format="YYYY-MM-DD"
                              type="date"
                              placeholder="请选择"
                              clearable />
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="归还情况说明"
                      prop="applyPurpose">
          <el-input v-model="form.returnRemark"
                    type="textarea"
                    :rows="4"
                    placeholder="请输入归还情况说明" />
        </el-form-item>
      </el-form>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="dialogVisible = false">取消</el-button>
          <el-button type="primary"
                     @click="submitForm">确定</el-button>
        </span>
      </template>
    </el-dialog>
    <!-- å±é™©æºé€‰æ‹©å¼¹çª— -->
    <el-dialog v-model="safeHazardSelectVisible"
               title="选择危险源"
               width="800px"
               :close-on-click-modal="false">
      <div>
        <el-table :data="safeHazardList"
                  border
                  v-loading="safeHazardLoading"
                  style="width: 100%"
                  @row-click="handleSafeHazardSelect">
          <el-table-column prop="code"
                           label="危险源编码"
                           width="180"
                           show-overflow-tooltip />
          <el-table-column prop="name"
                           label="危险源名称"
                           show-overflow-tooltip />
          <el-table-column prop="type"
                           label="危险源类型"
                           width="120"
                           show-overflow-tooltip>
            <template #default="scope">
              {{ getTypeLabel(scope.row.type) }}
            </template>
          </el-table-column>
          <el-table-column prop="location"
                           label="所在位置"
                           width="180"
                           show-overflow-tooltip />
          <el-table-column prop="riskLevel"
                           label="风险等级"
                           width="100">
            <template #default="scope">
              <el-tag :type="getTypeTagType(scope.row.riskLevel)">
                {{ scope.row.riskLevel }}
              </el-tag>
            </template>
          </el-table-column>
          <el-table-column prop="stockQty"
                           label="库存数量"
                           width="100" />
        </el-table>
        <pagination :total="safeHazardPage.total"
                    style="margin-top: 20px"
                    layout="total, sizes, prev, pager, next, jumper"
                    :page="safeHazardPage.current"
                    :limit="safeHazardPage.size"
                    @pagination="safeHazardPagination" />
      </div>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="safeHazardSelectVisible = false">取消</el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<script setup>
  import { Search } from "@element-plus/icons-vue";
  import {
    onMounted,
    ref,
    reactive,
    toRefs,
    getCurrentInstance,
    computed,
  } from "vue";
  import { ElMessage, ElMessageBox } from "element-plus";
  import PIMTable from "@/components/PIMTable/PIMTable.vue";
  import pagination from "@/components/PIMTable/Pagination.vue";
  import { userListNoPage } from "@/api/system/user.js";
  import { safeHazardListPage } from "@/api/safeProduction/hazardSourceLedger.js";
  import {
    safeHazardRecordListPage,
    safeHazardRecordDel,
    safeHazardRecordAdd,
    safeHazardRecordUpdate,
  } from "@/api/safeProduction/hazardousMaterialsControl.js";
  import dayjs from "dayjs";
  import useUserStore from "@/store/modules/user";
  const userStore = useUserStore();
  // è¡¨å•éªŒè¯è§„则
  const rules = {
    applyPurpose: [
      { required: true, message: "请输入领用用途", trigger: "blur" },
    ],
    applyQty: [{ required: true, message: "请输入领用数量", trigger: "blur" }],
    safeHazardId: [
      { required: true, message: "请选择危险源", trigger: "change" },
    ],
  };
  const rules1 = {
    returnRemark: [
      { required: true, message: "请输入归还情况说明", trigger: "blur" },
    ],
  };
  // å“åº”式数据
  const data = reactive({
    searchForm: {
      name: "",
      type: "",
    },
    tableLoading: false,
    page: {
      current: 1,
      size: 20,
      total: 0,
    },
    tableData: [],
    selectedIds: [],
    form: {
      applyPurpose: "", // é¢†ç”¨ç”¨é€”
      applyTime: "", // é¢†ç”¨æ—¶é—´
      applyQty: "", // é¢†ç”¨æ•°é‡
      applyUserId: "", // é¢†ç”¨äººID
      safeHazardId: "", // å±é™©æºID
    },
    dialogVisible: false,
    dialogTitle: "",
    dialogType: "add",
    viewDialogVisible: false,
    currentKnowledge: {},
    safeHazardSelectVisible: false,
    safeHazardList: [],
    safeHazardLoading: false,
    safeHazardPage: {
      current: 1,
      size: 10,
      total: 0,
    },
  });

  const {
    searchForm,
    tableLoading,
    page,
    tableData,
    selectedIds,
    form,
    dialogVisible,
    dialogTitle,
    dialogType,
    viewDialogVisible,
    currentKnowledge,
    safeHazardSelectVisible,
    safeHazardList,
    safeHazardLoading,
    safeHazardPage,
  } = toRefs(data);
  const valueItem = ref({});

  // è¡¨å•å¼•ç”¨
  const formRef = ref();
  const formRef1 = ref();
  const riskLevelOptions = ref([
    { value: "低风险", label: "低风险" },
    { value: "一般风险", label: "一般风险" },
    { value: "较大风险", label: "较大风险" },
    { value: "重大风险", label: "重大风险" },
  ]);

  // è¡¨æ ¼åˆ—配置
  const tableColumn = ref([
    {
      label: "危险源编码",
      prop: "code",
      showOverflowTooltip: true,
    },
    {
      label: "危险源名称",
      prop: "name",
      showOverflowTooltip: true,
    },
    {
      label: "危险源类型",
      prop: "type",
      showOverflowTooltip: true,
      formatData: params => {
        return getTypeLabel(params);
      },
    },
    {
      label: "风险等级",
      prop: "riskLevel",
      showOverflowTooltip: true,
      dataType: "tag",
      formatType: params => {
        const typeMap = {
          ä½Žé£Žé™©: "info",
          ä¸€èˆ¬é£Žé™©: "info",
          è¾ƒå¤§é£Žé™©: "warning",
          é‡å¤§é£Žé™©: "danger",
        };
        return typeMap[params] || "info";
      },
    },
    {
      label: "领用用途",
      prop: "applyPurpose",
      showOverflowTooltip: true,
    },
    {
      label: "领用时间",
      prop: "applyTime",
      showOverflowTooltip: true,
    },
    {
      label: "领用数量",
      prop: "applyQty",
      showOverflowTooltip: true,
    },
    {
      label: "归还时间",
      prop: "returnTime",
      showOverflowTooltip: true,
    },
    {
      label: "归还人",
      prop: "returnUserName",
      showOverflowTooltip: true,
    },
    {
      label: "归还情况说明",
      prop: "returnRemark",
      showOverflowTooltip: true,
    },
    {
      label: "所在位置",
      prop: "location",
      showOverflowTooltip: true,
    },
    {
      label: "单号",
      prop: "materialRecordCode",
      showOverflowTooltip: true,
    },
    {
      dataType: "action",
      label: "操作",
      align: "center",
      fixed: "right",
      width: 200,
      operation: [
        {
          name: "归还",
          type: "text",
          clickFun: row => {
            openForm("edit", row);
          },
          disabled: row => row.returnUserId,
        },
        {
          name: "查看",
          type: "text",
          clickFun: row => {
            openForm("view", row);
          },
        },
      ],
    },
  ]);
  const userList = ref([]);
  // ç”Ÿå‘½å‘¨æœŸ
  onMounted(() => {
    getCurrentFactoryName();
    getList();
    startAutoRefresh();
    userListNoPage().then(res => {
      userList.value = res.data;
    });
  });
  const currentUserId = ref("");
  const currentUserName = ref("");
  const getCurrentFactoryName = async () => {
    let res = await userStore.getInfo();
    currentUserId.value = res.user.userId;
    currentUserName.value = res.user.nickName;
  };

  // å¤„理用户选择变化
  const handleUserChange = userId => {
    const selectedUser = userList.value.find(user => user.userId === userId);
    if (selectedUser) {
      form.value.principalUser = selectedUser.nickName;
      form.value.principalMobile = selectedUser.phonenumber;
    }
  };
  const handleApplyQtyChange = () => {
    if (form.value.applyQty > valueItem.value.stockQty) {
      ElMessage.error("领用数量不能大于库存数量");
      form.value.applyQty = "";
    }
  };

  // å¼€å§‹è‡ªåŠ¨åˆ·æ–°
  const startAutoRefresh = () => {
    setInterval(() => {
      getList();
    }, 600000); // 10分钟刷新一次 (10 * 60 * 1000 = 600000ms)
  };

  // æŸ¥è¯¢æ•°æ®
  const handleQuery = () => {
    page.value.current = 1;
    getList();
  };

  const getList = () => {
    tableLoading.value = true;
    safeHazardRecordListPage({ ...page.value, ...searchForm.value })
      .then(res => {
        tableLoading.value = false;
        tableData.value = res.data.records;
        page.value.total = res.data.total;
      })
      .catch(err => {
        tableLoading.value = false;
      });
  };
  const openSafeHazardSelect = async () => {
    await fetchSafeHazardList();
    safeHazardSelectVisible.value = true;
  };

  const fetchSafeHazardList = () => {
    safeHazardLoading.value = true;
    return safeHazardListPage({
      page: safeHazardPage.value.current,
      size: safeHazardPage.value.size,
    })
      .then(res => {
        safeHazardList.value = res.data.records;
        safeHazardPage.value.total = res.data.total;
      })
      .finally(() => {
        safeHazardLoading.value = false;
      });
  };

  const handleSafeHazardSelect = item => {
    valueItem.value = {
      ...item,
    };
    valueItem.value.type = getTypeLabel(valueItem.value.type);
    form.value.safeHazardId = item.id;
    safeHazardSelectVisible.value = false;
  };

  const safeHazardPagination = obj => {
    safeHazardPage.value.current = obj.page;
    safeHazardPage.value.size = obj.limit;
    fetchSafeHazardList();
  };

  // åˆ†é¡µå¤„理
  const pagination1 = obj => {
    page.value.current = obj.page;
    page.value.size = obj.limit;
    handleQuery();
  };

  // é€‰æ‹©å˜åŒ–处理
  const handleSelectionChange = selection => {
    selectedIds.value = selection.map(item => item.id);
  };

  // æ‰“开表单
  const openForm = (type, row = null) => {
    dialogType.value = type;
    if (type === "add") {
      dialogTitle.value = "领用危险源";
      // é‡ç½®è¡¨å•
      form.value = {};
      Object.assign(form.value, {
        applyPurpose: "", // é¢†ç”¨ç”¨é€”
        applyTime: dayjs().format("YYYY-MM-DD"), // é¢†ç”¨æ—¶é—´
        applyQty: "", // é¢†ç”¨æ•°é‡
        applyUserId: currentUserId.value, // é¢†ç”¨äººID
        safeHazardId: "", // å±é™©æºID
      });
      valueItem.value = {};
    } else if (type === "edit" && row) {
      dialogTitle.value = "归还";
      Object.assign(form.value, {
        id: row.id, // ä¸»é”®ID
        materialRecordCode: row.materialRecordCode, // å•å·
        applyPurpose: row.applyPurpose, // é¢†ç”¨ç”¨é€”
        applyTime: row.applyTime, // é¢†ç”¨æ—¶é—´
        applyQty: row.applyQty, // é¢†ç”¨æ•°é‡
        applyUserId: row.applyUserId, // é¢†ç”¨äººID
        safeHazardId: row.safeHazardId, // å±é™©æºID
        applyUserName: row.applyUserName, // é¢†ç”¨äººå§“名
        code: row.code, // å±é™©æºç¼–码
        name: row.name, // å±é™©æºåç§°
        type: row.type, // å±é™©æºç±»åž‹
        location: row.location, // æ‰€åœ¨ä½ç½®
        riskLevel: row.riskLevel, // é£Žé™©ç­‰çº§
        type: row.type, // å±é™©æºç±»åž‹
        returnTime: dayjs().format("YYYY-MM-DD"), // å½’还时间
        returnUserName: "", // å½’还人姓名
        returnUserId: currentUserId.value, // å½’还人ID
        returnRemark: "", // å½’还情况说明
      });
    } else if (type === "view") {
      dialogTitle.value = "查看";
      form.value = { ...row };
    }
    dialogVisible.value = true;
  };

  // æŸ¥çœ‹å±é™©æºè¯¦æƒ…
  const viewKnowledge = row => {
    currentKnowledge.value = { ...row };
    viewDialogVisible.value = true;
  };

  // èŽ·å–类型标签类型
  const getTypeTagType = type => {
    const typeMap = {
      è¾ƒå¤§é£Žé™©: "warning",
      ä½Žé£Žé™©: "info",
      ä¸€èˆ¬é£Žé™©: "info",
      é‡å¤§é£Žé™©: "danger",
    };
    return typeMap[type] || "info";
  };

  // èŽ·å–类型标签文本
  const getTypeLabel = type => {
    return getKnowledgeTypeLabel(type);
  };

  // èŽ·å–效率标签类型
  const getEfficiencyTagType = efficiency => {
    const typeMap = {
      high: "success",
      medium: "warning",
      low: "info",
    };
    return typeMap[efficiency] || "info";
  };

  // èŽ·å–效率标签文本
  const getEfficiencyLabel = efficiency => {
    const efficiencyMap = {
      high: "显著提升",
      medium: "一般提升",
      low: "轻微提升",
    };
    return efficiencyMap[efficiency] || efficiency;
  };

  // èŽ·å–效率提升百分比
  const getEfficiencyScore = efficiency => {
    const scoreMap = {
      high: 40,
      medium: 25,
      low: 15,
    };
    return scoreMap[efficiency] || 0;
  };

  // èŽ·å–平均节省时间
  const getTimeSaved = efficiency => {
    const timeMap = {
      high: "2-3天",
      medium: "1-2天",
      low: "0.5-1天",
    };
    return timeMap[efficiency] || "未知";
  };

  // æäº¤å±é™©æºè¡¨å•
  const submitForm = async () => {
    try {
      if (dialogType.value === "add") {
        await formRef.value.validate();
        safeHazardRecordAdd({ ...form.value })
          .then(res => {
            if (res.code == 200) {
              ElMessage.success("添加成功");
              dialogVisible.value = false;
              getList();
            }
          })
          .catch(err => {
            ElMessage.error(err.msg);
          });
      } else {
        await formRef1.value.validate();
        safeHazardRecordUpdate({ ...form.value })
          .then(res => {
            if (res.code == 200) {
              ElMessage.success("更新成功");
              dialogVisible.value = false;
              getList();
            }
          })
          .catch(err => {
            ElMessage.error(err.msg);
          });
      }
    } catch (error) {
      console.error("表单验证失败:", error);
    }
  };

  // åˆ é™¤å±é™©æºè®°å½•
  const handleDelete = () => {
    if (selectedIds.value.length === 0) {
      ElMessage.warning("请选择要删除的记录");
      return;
    }

    ElMessageBox.confirm("选中的内容将被删除，是否确认删除？", "删除", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
    })
      .then(() => {
        // console.log(selectedIds.value);
        safeHazardRecordDel(selectedIds.value).then(res => {
          if (res.code == 200) {
            ElMessage.success("删除成功");
            selectedIds.value = [];
            getList();
          }
        });
      })
      .catch(() => {
        // ç”¨æˆ·å–消
      });
  };

  // å¯¼å‡º
  const { proxy } = getCurrentInstance();
  const { hazard_source_type } = proxy.useDict("hazard_source_type");

  // å­—典工具
  const knowledgeTypeOptions = computed(() => hazard_source_type?.value || []);
  const getKnowledgeTypeLabel = val => {
    const item = knowledgeTypeOptions.value.find(
      i => String(i.value) === String(val)
    );
    return item ? item.label : val;
  };
  const getKnowledgeTypeTagType = val => {
    const item = knowledgeTypeOptions.value.find(
      i => String(i.value) === String(val)
    );
    return item?.elTagType || "info";
  };
  const handleExport = () => {
    proxy.download(
      "/knowledgeBase/export",
      { ...searchForm.value },
      "知识库.xlsx"
    );
  };
</script>

<style scoped>
  .auto-refresh-info {
    margin-bottom: 15px;
  }

  .auto-refresh-info .el-alert {
    border-radius: 8px;
  }

  .dialog-footer {
    text-align: right;
  }

  .knowledge-detail {
    padding: 20px 0;
  }

  .detail-title {
    font-size: 18px;
    font-weight: bold;
    color: #303133;
  }

  .detail-section {
    margin-top: 24px;
  }

  .detail-section h4 {
    margin: 0 0 12px 0;
    font-size: 16px;
    font-weight: 600;
    color: #303133;
    border-left: 4px solid #409eff;
    padding-left: 12px;
  }

  .detail-content {
    background: #f8f9fa;
    padding: 16px;
    border-radius: 6px;
    line-height: 1.6;
    color: #606266;
    white-space: pre-wrap;
  }

  .key-points {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .usage-stats {
    margin-top: 16px;
  }

  .stat-item {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
  }

  .stat-number {
    font-size: 24px;
    font-weight: bold;
    color: #409eff;
    margin-bottom: 8px;
  }

  .stat-label {
    font-size: 14px;
    color: #909399;
  }

  :deep(.danger-row td) {
    color: #e95a66 !important;
  }
</style>