| | |
| | | <div class="system-user-search mb15"> |
| | | <el-form size="default" label-width="80px" :inline="true"> |
| | | <el-form-item prop="telephone"> |
| | | <el-input v-model="listQuery.searchParams.suppliesId" placeholder="请选择应急物资" class="input-with-select"> |
| | | <el-input v-model="listQuery.searchParams.suppliesName" placeholder="请选择应急物资" class="input-with-select"> |
| | | <template #append> |
| | | <el-button :icon="Search" @click="daiInpt" /> |
| | | </template> |
| | |
| | | </div> |
| | | <div class="button_Line"> |
| | | <div class="button_Left"> |
| | | <el-button size="default" type="primary" @click="onOpenAdd"> |
| | | <el-icon> |
| | | <Plus /> </el-icon |
| | | >新建 |
| | | <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-icon> |
| | | <Edit /> </el-icon |
| | | >修改 |
| | | <el-icon> <Edit /> </el-icon>修改 |
| | | </el-button> |
| | | <el-button size="default" type="danger" plain @click="onDeleteAll" :disabled="danger"> |
| | | <el-icon> |
| | | <Delete /> </el-icon |
| | | >删除 |
| | | <el-icon> <Delete /> </el-icon>删除 |
| | | </el-button> |
| | | </div> |
| | | <div class="button_Right"> |
| | |
| | | </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="suppliesId" label="应急物资" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="maintainResult" label="保养结果" min-width="120" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="maintainTime" 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="suppliesName" 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.maintainResult == 1">正常</span> |
| | | <span v-if="scope.row.maintainResult == 2">异常</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="maintainTime" 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="onEdit('详情',scope.row.id)"> |
| | | <el-icon style="margin-right: 5px"> |
| | | <View /> </el-icon |
| | | >查看 |
| | | <el-button size="small" text type="primary" @click="onEdit('查看', scope.row.id)"> |
| | | <el-icon style="margin-right: 5px"> <View /> </el-icon>查看 |
| | | </el-button> |
| | | <el-button size="small" text type="primary" @click="onEdit('修改',scope.row.id)"> |
| | | <el-icon style="margin-right: 5px"> |
| | | <EditPen /> </el-icon |
| | | >修改 |
| | | <el-icon style="margin-right: 5px"> <EditPen /> </el-icon>修改 |
| | | </el-button> |
| | | <el-button size="small" text type="primary" @click="onRowDel(scope.row.id)"> |
| | | <el-icon> |
| | | <Delete /> </el-icon |
| | | >删除 |
| | | <el-icon> <Delete /> </el-icon>删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { |
| | | reactive, |
| | | onMounted, |
| | | ref, |
| | | defineComponent |
| | | } from 'vue'; |
| | | import { reactive, onMounted, ref, defineComponent } from 'vue'; |
| | | import { |
| | | ElMessageBox, |
| | | ElMessage, |
| | |
| | | // import { contingencyApi } from '/@/api/contingency'; |
| | | // import { emergencySuppliesMaintainApi } from '/@/api/emergencySuppliesMaintain'; |
| | | |
| | | import OpenSee from '../../emergencyPlanStartRecord/component/openSee.vue' |
| | | import UpData from '../../panManagement/component/upData.vue' |
| | | import EmergencySupplies from '../../../../components/emergencySupplies/index.vue' |
| | | import OpenAdd from '../maintenanceOfEmergencyMaterials/component/openAdd.vue' |
| | | import {maintenanceEmergencyMaterialsApi} from "/@/api/maintenanceEmergencyMaterials"; |
| | | import OpenSee from '../../emergencyPlanStartRecord/component/openSee.vue'; |
| | | import UpData from '../../panManagement/component/upData.vue'; |
| | | import EmergencySupplies from '../../../../components/emergencySupplies/index.vue'; |
| | | import OpenAdd from '../maintenanceOfEmergencyMaterials/component/openAdd.vue'; |
| | | import { maintenanceEmergencyMaterialsApi } from '/@/api/maintenanceEmergencyMaterials'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'systemUser', |
| | |
| | | for (let i = 0; i < valId.length; i++) { |
| | | arr.push(valId[i].id); |
| | | } |
| | | deletAll.value = arr.toString(); |
| | | deletAll.value = arr |
| | | if (val.length == 1) { |
| | | warning.value = false; |
| | | danger.value = false; |
| | |
| | | |
| | | // 打开新建用户弹窗 |
| | | const addRef = ref(); |
| | | const onOpenAdd = () => { |
| | | addRef.value.openDialog('新建应急物资保养',false); |
| | | const onOpenAdd = (data:any) => { |
| | | addRef.value.openDialog(data); |
| | | }; |
| | | // 新增后刷新 |
| | | const onMyAdd = (e: boolean) => { |
| | |
| | | // 打开修改用户弹窗 |
| | | const onEdit = (val: string, row: object) => { |
| | | if (val == '详情') { |
| | | addRef.value.openDialog('查看应急物资保养',row,true); |
| | | addRef.value.openDialog(val, row); |
| | | } else { |
| | | addRef.value.openDialog('修改应急物资保养',row,false); |
| | | addRef.value.openDialog(val, row); |
| | | } |
| | | }; |
| | | // 删除 |
| | | const onRowDel = (data: any) => { |
| | | let arr=[] |
| | | arr.push(data) |
| | | ElMessageBox.confirm('确定删除所选项吗?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | |
| | | }) |
| | | .then(() => { |
| | | maintenanceEmergencyMaterialsApi() |
| | | .deleteMaintenanceEmergencyMaterials(data) |
| | | .deleteMaintenanceEmergencyMaterials(arr) |
| | | .then((res) => { |
| | | if (res.data.code == 200) { |
| | | ElMessage({ |
| | |
| | | showRef.value.openDailog(); |
| | | }; |
| | | const onUser = (e:any) => { |
| | | listQuery.searchParams.suppliesId=e.id |
| | | listQuery.searchParams.suppliesId = e.id; |
| | | listQuery.searchParams.suppliesName=e.name |
| | | }; |
| | | // 分页 |
| | | const pageIndex = ref(); |