zhaojiale
2022-08-18 375b6acbd3a8f9cf51f967b09ecd09eccd1a12f3
src/views/accidentManagementSystem/accidentExpress/index.vue
@@ -11,7 +11,7 @@
               <el-button size="default" type="primary" @click="onOpenAdd">
                  <el-icon> <Plus /> </el-icon>新建
               </el-button>
               <el-button size="default" type="warning" plain :disabled="warning">
               <el-button size="default" type="warning" plain :disabled="warning" @click="onEdit('修改', deletAll[0])">
                  <el-icon> <Edit /> </el-icon>修改
               </el-button>
               <el-button size="default" type="danger" @click="onDeleteAll" plain :disabled="danger">
@@ -39,12 +39,19 @@
         <el-table :data="tableData" style="width: 100%" ref="multipleTableRef" @selection-change="handleSelectionChange">
            <el-table-column align="center" type="selection" width="55" />
            <el-table-column align="center" prop="accidentName" label="事故名称" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="accidentDepartmentId" label="事故部门" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="deptName" label="事故部门" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="occurrencePlace" label="发生地点" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="occurrenceTime" label="发生时间" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="accidentCause" label="事故原因" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="createUid" label="创建人" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="gmtModitify" label="更新时间" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="occurrenceTime" label="发生时间" show-overflow-tooltip sortable
                         :formatter="dateFormat"></el-table-column>
            <el-table-column align="center" prop="accidentCause" label="事故原因" show-overflow-tooltip sortable>
               <template #default="scope">
                  <div v-if="scope.row.accidentCause=='1'">人的不安全行为</div>
                  <div v-if="scope.row.accidentCause=='2'">物的不安全状态</div>
               </template>
            </el-table-column>
            <el-table-column align="center" prop="createName" label="创建人" show-overflow-tooltip sortable></el-table-column>
            <el-table-column align="center" prop="gmtModitify" label="更新时间" show-overflow-tooltip sortable
                         :formatter="dateFormat"></el-table-column>
            <el-table-column label="操作" width="260" align="center" fixed="right">
               <template #default="scope">
                  <!-- <el-button size="small" text disabled>
@@ -163,8 +170,8 @@
         for (let i = 0; i < valId.length; i++) {
            arr.push(valId[i].id);
         }
         deletAll.value = arr.toString();
         console.log(deletAll.value);
         deletAll.value = arr;
         console.log(deletAll.value)
         if (val.length == 1) {
            warning.value = false;
            danger.value = false;
@@ -199,7 +206,7 @@
         })
            .then(() => {
               accidentManagementSystemApi()
                  .accidentDele(data)
                  .accidentDele([data])
                  .then((res) => {
                     if (res.data.code == 200) {
                        ElMessage({
@@ -259,12 +266,21 @@
      // 打开修改用户弹窗
      const onEdit = (val: string, row: object) => {
         if (val == '详情') {
            addRef.value.openDialog('事故块表详情',row,true);
            addRef.value.openDialog('查看事故快报',row,true);
         } else {
            addRef.value.openDialog('修改事故快报',row,false);
         }
      };
//格式化表格时间
      const dateFormat = (row,column) => {
         // 获取单元格数据
         let data = row[column.property];
         if(data == null) {
            return null;
         }
         let dt = new Date(data)
         return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds()
      };
      return {
         upButton,
         upShow,
@@ -287,6 +303,7 @@
         onDelete,
         deletAll,
         onDeleteAll,
         dateFormat
      };
   },
});