| | |
| | | </div> |
| | | </div> |
| | | <el-table :data="tableData" style="width: 100%" ref="multipleTableRef" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column prop="name" label="物资名称" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="number" label="物资编号" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="departmentId" label="负责部门" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="classification" label="物资分类" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="place" label="存放位置" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="count" label="存储数量" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column align="center" type="selection" width="55" /> |
| | | <el-table-column align="center" prop="name" label="物资名称" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column align="center" prop="number" label="物资编号" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column align="center" prop="deptName" label="负责部门" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column align="center" label="物资分类" min-width="120" show-overflow-tooltip sortable> |
| | | <template #default="scope"> |
| | | <span v-if="scope.row.classification == 1">事故气体吸收装置</span><span v-if="scope.row.classification == 2">通讯设施</span |
| | | ><span v-if="scope.row.classification == 3">交通运输工具</span><span v-if="scope.row.classification == 4">照明装置</span |
| | | ><span v-if="scope.row.classification == 5">防护器材</span><span v-if="scope.row.classification == 6">其它</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="place" label="存放位置" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column align="center" prop="count" label="存储数量" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column label="操作" width="200" align="center" fixed="right"> |
| | | <template #default="scope"> |
| | | <el-button size="small" text type="primary" @click="onMaintain()"> |
| | | <el-button size="small" text type="primary" @click="onMaintain(scope.row)"> |
| | | <el-icon style="margin-right: 5px"> <EditPen /> </el-icon>保养 |
| | | </el-button> |
| | | <el-button size="small" text type="primary" @click="onInspect()"> |
| | | <el-button size="small" text type="primary" @click="onInspect(scope.row)"> |
| | | <el-icon style="margin-right: 5px"> <EditPen /> </el-icon>检查 |
| | | </el-button> |
| | | <el-button size="small" text type="primary" @click="onEdit('详情',scope.row.id)"> |
| | |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { |
| | | ref, |
| | | defineComponent, |
| | | reactive, |
| | | onMounted, |
| | | } from 'vue'; |
| | | import { ref, defineComponent, reactive, onMounted } from 'vue'; |
| | | import { |
| | | ElMessageBox, |
| | | ElMessage, |
| | | // ElTable |
| | | } from 'element-plus'; |
| | | import { |
| | | Plus, |
| | | Edit, |
| | | Delete, |
| | | Upload, |
| | | Refresh, |
| | | View, |
| | | EditPen, |
| | | } from '@element-plus/icons-vue'; |
| | | import { Plus, Edit, Delete, Upload, Refresh, View, EditPen } from '@element-plus/icons-vue'; |
| | | import OpenAdd from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue'; |
| | | import Maintain from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintain.vue'; |
| | | import Inspect from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/inspect.vue'; |
| | |
| | | |
| | | //新增应急物资检查弹窗 |
| | | const seeRef = ref(); |
| | | const onMaintain = () => { |
| | | seeRef.value.openDialog('修改应急物资保养',false); |
| | | const onMaintain = (data: any) => { |
| | | seeRef.value.openDialog(data); |
| | | }; |
| | | // 应急物资保养新增后刷新 |
| | | const onMaintainAdd = (e: boolean) => { |
| | | if (e) { |
| | | const onMaintainAdd = () => { |
| | | listApi(); |
| | | } else { |
| | | listApi(); |
| | | } |
| | | }; |
| | | //修改应急物资检查弹窗 |
| | | const spectRef = ref(); |
| | | const onInspect = () => { |
| | | spectRef.value.openDialog('修改应急物资检查',false); |
| | | const onInspect = (data: any) => { |
| | | spectRef.value.openDialog(data); |
| | | }; |
| | | // 应急物资检查新增后刷新 |
| | | const onInspectAdd = (e: boolean) => { |
| | |
| | | // 删除用户 |
| | | const onRowDel = (id: number) => { |
| | | let arr = []; |
| | | arr.push(id) |
| | | arr.push(id); |
| | | ElMessageBox.confirm('确定删除所选项吗?', '提示', { |
| | | confirmButtonText: '确认', |
| | | cancelButtonText: '取消', |