修改

马宇豪

2025-05-09 cbb23429b8beed72b58cbb57f9b3c56a0fb2b5d2

 src/views/analyse/assessApply/components/selectDanger.vue

@@ -1,30 +1,30 @@
<template>
    <tr class="m-color b-font" style="text-align: center">主要危险源或有害因素</tr>
    <tr class="m-color b-font required" style="text-align: center">主要危险源或有害因素</tr>
    <tr>
        <td class="w-18 m-color">序号</td>
        <td class="w-18 m-color required">危险源或有害因素</td>
        <td class="w-18 m-color required">危险特性</td>
        <td class="w-18 m-color required">数量</td>
        <td class="w-18 m-color required">其他说明</td>
        <td class="w-18 m-color">操作</td>
        <td class="w-16 m-color">序号</td>
        <td class="w-16 m-color">危险源或有害因素</td>
        <td class="w-16 m-color">危险特性</td>
        <td class="w-16 m-color">数量</td>
        <td class="w-16 m-color">其他说明</td>
        <td class="w-16 m-color">操作</td>
    </tr>
    <tr v-for="(item,index) in dangerSourceState.dangerList" :key="index">
        <td class="w-18">
        <td class="w-16">
            {{ index + 1 }}
        </td>
        <td class="w-18">
          <el-input :disabled="dangerSourceState.disabled" v-model="item.dangerFactor"></el-input>
        <td class="w-16">
          <el-input :disabled="dangerSourceState.disabled" v-model="item.riskSource"></el-input>
        </td>
        <td class="w-18">
          <el-input :disabled="dangerSourceState.disabled" v-model="item.feature"></el-input>
        <td class="w-16">
          <el-input :disabled="dangerSourceState.disabled" v-model="item.riskCharacteristic"></el-input>
        </td>
        <td class="w-18">
            <el-input :disabled="dangerSourceState.disabled" type="number" v-model="item.amount"></el-input>
        <td class="w-16">
            <el-input :disabled="dangerSourceState.disabled" type="number" v-model="item.number"></el-input>
        </td>
        <td class="w-18">
          <el-input :disabled="dangerSourceState.disabled" v-model="item.info"></el-input>
        <td class="w-16">
          <el-input :disabled="dangerSourceState.disabled" v-model="item.description"></el-input>
        </td>
        <td class="w-18">
        <td class="w-16">
            <el-button :disabled="dangerSourceState.disabled" type="danger" @click="deleteDangerItem(index)">删除</el-button>
        </td>
    </tr>
@@ -45,24 +45,7 @@

const dangerSourceState = reactive<DangerSourceType>({
    disabled: false,
    dangerList: [
    ],
    classifyList:[
        {id:1, name: '有机'},
        {id:2, name: '酸'},
        {id:3, name: '碱性'},
        {id:4, name: '固体废弃物'},
        {id:5, name: '医疗废弃物'},
        {id:6, name: '过期化学品'},
        {id:7, name: '其他'}
    ],
    wasteStorageList: [
        {id:1, name: '吨袋'},
        {id:2, name: '吨桶'},
        {id:3, name: '小桶'},
        {id:4, name: '托盘'},
        {id:5, name: '其他'},
    ]
    dangerList: []
})

watchEffect(() => {
@@ -71,7 +54,8 @@
});

const addDangerItem = () => {
    dangerSourceState.dangerList.push({dangerFactor: '', feature: '', amount: null, info: ''});
    console.log(dangerSourceState.dangerList,'list')
    dangerSourceState.dangerList.push({riskSource: '', riskCharacteristic: '', number: null, description: ''});
};

const deleteDangerItem = (index: number) => {
@@ -83,8 +67,7 @@
}

defineExpose({
    formatList,
    dataList: dangerSourceState.dangerList,
    dangerSourceState
});

</script>
@@ -115,7 +98,13 @@
        &:last-of-type {
            border-bottom: none;
        }

      &.required {
        &::before {
          content: "*";
          display: inline-block;
          color: red;
        }
      }
        td {
            border-right: 1px solid #ccc;
            display: inline-block;