对接

shj

2022-08-06 d6b4708cede4ae7a5e06d5fb10271d4ea1132986

对接

 src/components/emergencySupplies/index.vue

@@ -21,15 +21,14 @@
            </el-form-item>
          </el-form>
        </el-row>
        <el-table :data="tableData" style="width: 100%;margin-top:20px" @cell-click="radio">
        <el-table :data="tableData" style="width: 100%;margin-top:20px">
          <el-table-column width="55">
            <template #default="scope">
              <el-radio-group v-model="radio1">
                <el-radio :label="scope.row" size="large">{{ null }}</el-radio>
                <el-radio :label="scope.row" @click="radio(scope.row)" size="large">{{ null }}</el-radio>
              </el-radio-group>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="date" label="id" />
          <el-table-column align="center" prop="name" label="物资名称"/>
        </el-table>
        <div class="pages">
@@ -39,8 +38,8 @@
              :page-sizes="[10, 20, 30]"
              layout="total, sizes, prev, pager, next, jumper"
              :total="total"
              @size-change="onHandleSizeChange"
              @current-change="onHandleCurrentChange"
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
          />
        </div>
      </el-col>

 src/views/contingencyManagement/emergencyResources/emergencyMaterialsInspection/component/openAdd.vue

@@ -1,28 +1,12 @@
<template>
  <div class="system-edit-user-container">
    <el-dialog
        :title="titles"
        v-model="isShowDialog"
        width="769px"
        draggable
        :fullscreen="full"
    >
        <el-dialog :title="titles" @close="resetForm(ruleFormRef)" v-model="isShowDialog" width="50%" draggable :fullscreen="full">
      <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
      <el-form
          ref="ruleFormRef"
          :model="ruleForm"
          size="default"
          label-width="120px"
          :disabled="disabled"
      >
            <el-form ref="ruleFormRef" :disabled="titles=='查看应急物资检查'?true:false" :rules="rules" :model="ruleForm" size="default" label-width="120px">
        <el-row :gutter="35">
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="应急物资" prop="suppliesId">
              <el-input
                  v-model="ruleForm.suppliesId"
                  placeholder="请选择"
                  class="input-with-select"
              >
                        <el-form-item label="应急物资" prop="suppliesName">
                            <el-input v-model="ruleForm.suppliesName" placeholder="请选择" class="input-with-select">
                <template #append>
                  <el-button :icon="Search" @click="daiInpt"/>
                </template>
@@ -32,20 +16,16 @@
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="检查结果" prop="inspectResult">
              <el-select v-model="ruleForm.inspectResult" class="w100" placeholder="请选择">
                <el-option label="正常" value="正常"></el-option>
                <el-option label="异常" value="异常"></el-option>
                                <el-option label="正常" value="1"></el-option>
                                <el-option label="异常" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="创建人" prop="userUid">
              <el-input
                  v-model="ruleForm.userUid"
                  placeholder="请选择"
                  class="input-with-select"
              >
                        <el-form-item label="创建人" prop="userName">
                            <el-input v-model="ruleForm.userName" placeholder="请选择" class="input-with-select">
                <template #append>
                  <el-button :icon="Search" @click="openUser" />
                                    <el-button :icon="Search" @click="openUser(0)" />
                </template>
              </el-input>
            </el-form-item>
@@ -66,78 +46,91 @@
      <template #footer>
                <span class="dialog-footer">
                    <el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
          <el-button size="default" type="primary" v-if="disabled == true ? false : true" @click="submitForm(titles, ruleFormRef)">确定</el-button>
                    <el-button size="default" type="primary" v-if="titles=='查看应急物资检查'?false:true" @click="submitForm(titles, ruleFormRef)">确定</el-button>
                </span>
      </template>
    </el-dialog>
    <EmergencySupplies ref="showRef" @SearchUser="onUser"/>
    <userSelections ref="userRef"/>
        <DailogSearchUser ref="userRef" @SearchUser="onUsers" />
  </div>
</template>

<script lang="ts">
import {
  ref,
  defineComponent
} from 'vue';
import { ref, defineComponent, reactive } from 'vue';

import type {
  FormInstance,
  // FormRules,
} from 'element-plus'
import type { FormInstance, FormRules } from 'element-plus';
import { ElMessage } from 'element-plus';
import {
  Search,
  FullScreen,
} from '@element-plus/icons-vue'
import EmergencySupplies from '/@/components/emergencySupplies/index.vue'
import UserSelections from "/@/components/userSelections/index.vue"
import {emergencyMaterialsInspectionApi} from "/@/api/emergencyMaterialsInspection";
import {maintenanceEmergencyMaterialsApi} from "/@/api/maintenanceEmergencyMaterials";
import DailogSearchUser from '/@/components/DailogSearchUser/index.vue';
import { Search, FullScreen } from '@element-plus/icons-vue';
import EmergencySupplies from '/@/components/emergencySupplies/index.vue';
import UserSelections from '/@/components/userSelections/index.vue';
import { emergencyMaterialsInspectionApi } from '/@/api/emergencyMaterialsInspection';
import { maintenanceEmergencyMaterialsApi } from '/@/api/maintenanceEmergencyMaterials';

export default defineComponent({
  name: 'openAdd',
  components: {
    UserSelections,
        DailogSearchUser,
    EmergencySupplies,
  },
  setup(props, { emit }) {
    const isShowDialog = ref(false)
        const isShowDialog = ref(false);

    const ruleFormRef = ref<FormInstance>()
        const ruleFormRef = ref<FormInstance>();
    //定义表单
    const ruleForm = ref ({
      suppliesId: '', // 物资ID
      inspectResult: '', //检查结果
      inspectTime: '', // 创建时间
      userList:[
        {
          userUid: ''
        },
        {
          userUid: ''
        }
      ]
            userList: [],
    });
    const titles = ref();
    const disabled = ref();
        const disableds = ref();
    // 打开弹窗
    const openDialog = (title: string, id: number, type: boolean) => {
        const openDialog = (title: string, id: number) => {
      isShowDialog.value = true;
      titles.value = title;
      disabled.value = type;
      if (title == '查看应急物资检查' || title == '修改应急物资检查') {
        emergencyMaterialsInspectionApi()
            .seeEmergencyMaterialsInspection(id)
            .then((res) => {
              if (res.data.code == 200) {
                ruleForm.value = res.data.data;
                            let arr = [];
                            for (let i = 0; i < ruleForm.value.userList.length; i++) {
                                arr.push(ruleForm.value.userList[i].userName);
                            }
                            ruleForm.value.userName = arr.toString();
              }
            });
      }
    };
    //日期选择器
    const value1 = ref('')
        const value1 = ref('');
        const rules = reactive<FormRules>({
            nameTitle: [],
            inspectResult: [
                {
                    required: true,
                    message: '保养结果不能为空',
                    trigger: 'change',
                },
            ],
            userName: [
                {
                    required: true,
                    message: '创建人不能为空',
                    trigger: 'change',
                },
            ],
            inspectTime: [
                {
                    required: true,
                    message: '创建时间不能为空',
                    trigger: 'blur',
                },
            ],
        });
    // 表单提交验证必填项
    const submitForm = async (title: string, formEl: FormInstance | undefined) => {
      if (title == '新建应急物资检查') {
@@ -169,8 +162,7 @@
            console.log('error submit!', fields);
          }
        });
      }
      else if (title == '修改应急物资检查') {
            } else if (title == '修改应急物资检查') {
        if (!formEl) return;
        await formEl.validate((valid, fields) => {
          if (valid) {
@@ -200,38 +192,37 @@
          }
        });
        formEl.resetFields();
        ruleForm.value = {
          suppliesId: '', // 物资ID
          inspectResult: '', //检查结果
          inspectTime: '', // 创建时间
          userList:[
            {
              userUid: ''
            },
            {
              userUid: ''
            }
          ]
        }
      }
    }
        };
    const resetForm = (formEl: FormInstance | undefined) => {
      isShowDialog.value = false;
      if (!formEl) return;
      formEl.resetFields();
    };
    // 应急物资弹窗
    const showRef=ref()
        const showRef = ref();
    const daiInpt=()=>{
      showRef.value.openDailog()
    }
            showRef.value.openDailog();
        };
    const onUser = (e:any) => {
      ruleForm.value.suppliesId=e.id
            ruleForm.value.suppliesId = e.id;
            ruleForm.value.suppliesName = e.name;
    };
    // 编写人弹窗
    const userRef = ref();
    const openUser = () => {
      userRef.value.openDialog();
        const openUser = (data: any) => {
            userRef.value.openDailog(data);
        };
        const onUsers = (val: any) => {
            let arr = [];
            for (let i = 0; i < val.length; i++) {
                arr.push(val[i].realName);
                ruleForm.value.userList.push({
                    userUid: val[i].uid,
                    userName: val[i].realName,
                });
            }
            ruleForm.value.userName = arr.toString();
    };
    //全屏
    const full = ref(false);
@@ -248,18 +239,20 @@
      Search,
      ruleForm,
      value1,
            onUsers,
      daiInpt,
      showRef,
      ruleFormRef,
      submitForm,
      openUser,
            rules,
      userRef,
      resetForm,
      toggleFullscreen,
      FullScreen,
      full,
      titles,
      disabled,
            disableds,
      emit,
      onUser,
    };

 src/views/contingencyManagement/emergencyResources/emergencyMaterialsInspection/index.vue

@@ -2,46 +2,28 @@
  <div class="system-user-container">
    <el-card shadow="hover">
      <div class="system-user-search mb15">
        <el-form
            size="default"
            label-width="80px"
            :inline="true"
        >
                <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>
            </el-input>
          </el-form-item>
          <el-button size="default" type="primary" class="ml10" @click="onSubmit">
            查询
          </el-button>
          <el-button size="default" class="ml10" @click="submitReset">
            重置
          </el-button>
                    <el-button size="default" type="primary" class="ml10" @click="onSubmit"> 查询 </el-button>
                    <el-button size="default" class="ml10" @click="submitReset"> 重置 </el-button>
        </el-form>
      </div>
      <div class="button_Line">
        <div class="button_Left">
          <el-button size="default" type="primary"  @click="onOpenAdd">
            <el-icon>
              <Plus />
            </el-icon>新建
                        <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">
@@ -57,35 +39,26 @@
          </el-button>
        </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="inspectResult" label="维修结果"  min-width="120" show-overflow-tooltip sortable></el-table-column>
        <el-table-column prop="inspectTime" label="维修日期"  min-width="120" show-overflow-tooltip sortable></el-table-column>
            <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="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.inspectResult == 1">正常</span>
                        <span v-if="scope.row.inspectResult == 2">异常</span>
                    </template>
        </el-table-column>
                <el-table-column align="center" prop="inspectTime" 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>
@@ -116,27 +89,18 @@
  reactive,
  onMounted,
  ref,
  defineComponent
    defineComponent,
} from 'vue';
import {
  ElMessageBox,
  ElMessage,
  // ElTable,
} from 'element-plus';
import {
  Plus,
  Search,
  Delete,
  Edit,
  Download,
  Refresh,
  View,
  EditPen,
} from '@element-plus/icons-vue'
import { Plus, Search, Delete, Edit, Download, Refresh, View, EditPen } from '@element-plus/icons-vue';
import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';
import EmergencySupplies from '/@/components/emergencySupplies/index.vue'
import EmergencySupplies from '/@/components/emergencySupplies/index.vue';
import OpenAdd from '/@/views/contingencyManagement/emergencyResources/emergencyMaterialsInspection/component/openAdd.vue';
import {emergencyMaterialsInspectionApi} from "/@/api/emergencyMaterialsInspection";
import { emergencyMaterialsInspectionApi } from '/@/api/emergencyMaterialsInspection';

export default defineComponent({
  name: 'index',
@@ -150,7 +114,7 @@
    EmergencySupplies,
    Download,
    Refresh,
    UpData
        UpData,
  },
  setup() {
    //定义表单
@@ -165,7 +129,7 @@
    const tableData = ref([]);
    // 搜索按钮
    const onSubmit = async () => {
      let res = await emergencyMaterialsInspectionApi().getEmergencyMaterialsInspectionList(listQuery)
            let res = await emergencyMaterialsInspectionApi().getEmergencyMaterialsInspectionList(listQuery);
      if (res.data.code == 200) {
        tableData.value = res.data.data;
        pageIndex.value = res.data.pageIndex;
@@ -178,7 +142,7 @@
          type: 'error',
        });
      }
    }
        };
    // 重置
    const submitReset = () => {
      listQuery.searchParams.suppliesId = '';
@@ -208,7 +172,7 @@
    // 打开新建用户弹窗
    const addRef = ref();
    const onOpenAdd = () => {
      addRef.value.openDialog('新建应急物资检查',false);
            addRef.value.openDialog('新建应急物资检查');
    };
    // 新增后刷新
    const onMyAdd = (e: boolean) => {
@@ -220,16 +184,16 @@
    };
    // 打开修改用户弹窗
    const onEdit = (val: string, row: object) => {
      if (val == '详情') {
        addRef.value.openDialog('查看应急物资检查',row,true);
            if (val == '查看') {
                addRef.value.openDialog('查看应急物资检查', row);
      } else {
        addRef.value.openDialog('修改应急物资检查',row,false);
                addRef.value.openDialog('修改应急物资检查', row);
      }
    };
    // 删除
    const onRowDel = (id: number) => {
      let arr = [];
      arr.push(id)
            arr.push(id);
      ElMessageBox.confirm('确定删除所选项吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
@@ -289,18 +253,19 @@
          .catch(() => {});
    };
    // 上传
    const upShow=ref()
        const upShow = ref();
    const upButton=()=>{
      upShow.value.openDialog()
    }
            upShow.value.openDialog();
        };

    // 应急物资弹窗
    const showRef=ref()
        const showRef = ref();
    const daiInpt=()=>{
      showRef.value.openDailog()
    }
            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();

 src/views/contingencyManagement/emergencyResources/emergencySupplies/component/inspect.vue

@@ -1,59 +1,40 @@
<template>
  <div class="system-edit-user-container">
    <el-dialog
        :title="titles"
        v-model="isShowDialog"
        width="769px"
        draggable
        :fullscreen="full"
    >
        <el-dialog title="修改应急物资检查" v-model="isShowDialog" @close="resetForm(ruleFormRef)" width="50%" draggable :fullscreen="full">
      <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
      <el-form
          ref="ruleFormRef"
          :model="ruleForm"
          size="default"
          label-width="120px"
      >
            <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" size="default" label-width="120px">
        <el-row :gutter="35">
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="应急物资" prop="suppliesId">
              <el-input
                  v-model="ruleForm.suppliesId"
                  placeholder="请选择"
                  class="input-with-select"
              >
                <template #append>
                        <el-form-item label="应急物资">
                            <el-input v-model="nameTitle" disabled placeholder="请选择" class="input-with-select">
                                <!-- <template #append>
                  <el-button :icon="Search" @click="daiInpt"/>
                </template>
                                </template> -->
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="保养结果" prop="maintainResult">
              <el-select v-model="ruleForm.maintainResult" class="w100" placeholder="请选择">
                <el-option label="正常" value="正常"></el-option>
                <el-option label="异常" value="异常"></el-option>
                        <el-form-item label="保养结果" prop="inspectResult">
                            <el-select v-model="ruleForm.inspectResult" class="w100" placeholder="请选择">
                                <el-option label="正常" value="1"></el-option>
                                <el-option label="异常" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="创建人" prop="userUid">
              <el-input
                  v-model="ruleForm.userUid"
                  placeholder="请选择"
                  class="input-with-select"
              >
                        <el-form-item label="创建人" prop="userName">
                            <el-input v-model="ruleForm.userName" placeholder="请选择" class="input-with-select">
                <template #append>
                  <el-button :icon="Search" @click="openUser" />
                                    <el-button :icon="Search" @click="openUser(0)" />
                </template>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="创建时间" prop="maintainTime">
                        <el-form-item label="创建时间" prop="inspectTime">
              <el-date-picker
                  class="w100"
                  v-model="ruleForm.maintainTime"
                                v-model="ruleForm.inspectTime"
                  type="datetime"
                  placeholder="选择日期时间"
                  value-format="YYYY-MM-DD HH:mm:ss"
@@ -65,67 +46,77 @@
      <template #footer>
                <span class="dialog-footer">
                    <el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
          <el-button size="default" type="primary" @click="submitForm(titles, ruleFormRef)">确定</el-button>
                    <el-button size="default" type="primary" @click="submitForm(ruleFormRef)">确定</el-button>
                </span>
      </template>
    </el-dialog>
    <EmergencySupplies ref="showRef" @SearchUser="onUser"/>
    <userSelections ref="userRef"/>
        <!-- <EmergencySupplies ref="showRef" @SearchUser="onUser"/> -->
        <DailogSearchUser ref="userRef" @SearchUser="onUsers" />
  </div>
</template>

<script lang="ts">
import {
  ref,
  defineComponent
} from 'vue';

import type {
  FormInstance,
} from 'element-plus'
import { ref, defineComponent,reactive } from 'vue';
import DailogSearchUser from '/@/components/DailogSearchUser/index.vue';
import type { FormInstance,FormRules } from 'element-plus';
import { ElMessage } from 'element-plus';
import {
  Search,
  FullScreen
} from '@element-plus/icons-vue'
import EmergencySupplies from '/@/components/emergencySupplies/index.vue'
import UserSelections from "/@/components/userSelections/index.vue"
import {emergencyMaterialsInspectionApi} from "/@/api/emergencyMaterialsInspection";
import { Search, FullScreen } from '@element-plus/icons-vue';
import EmergencySupplies from '/@/components/emergencySupplies/index.vue';
import UserSelections from '/@/components/userSelections/index.vue';
import { emergencyMaterialsInspectionApi } from '/@/api/emergencyMaterialsInspection';

export default defineComponent({
  name: 'inspect',
  components: {
    UserSelections,
    EmergencySupplies,
        DailogSearchUser,
  },
  setup(props, { emit }) {
    const isShowDialog = ref(false)
        const isShowDialog = ref(false);

    const ruleFormRef = ref<FormInstance>()
        const ruleFormRef = ref<FormInstance>();
    //定义表单
    const ruleForm = ref ({
      suppliesId: '', // 物资ID
      maintainResult: '', //保养结果
      maintainTime: '', // 创建时间
      userList: [
        {
          userUid: ''
        },
        {
          userUid: ''
        }
      ]
            inspectResult: '', //保养结果
            inspectTime: '', // 创建时间
            userList: [],
    });
    const titles = ref();
    const disabled = ref();
    // 打开弹窗
    const openDialog = (title: string,) => {
        const nameTitle = ref();
        const openDialog = (data: string) => {
      isShowDialog.value = true;
      titles.value = title;
            ruleForm.value.suppliesId = data.id;
            nameTitle.value = data.name;
    };
            const rules = reactive<FormRules>({
            nameTitle: [],
            inspectResult: [
                {
                    required: true,
                    message: '保养结果不能为空',
                    trigger: 'change',
                },
            ],
            userName: [
                {
                    required: true,
                    message: '创建人不能为空',
                    trigger: 'change',
                },
            ],
      inspectTime: [
                {
                    required: true,
                    message: '创建时间不能为空',
                    trigger: 'blur',
                },
            ],
        });
    // 表单提交验证必填项
    const submitForm = async (title: string, formEl: FormInstance | undefined) => {
      if (title == '修改应急物资检查') {
        const submitForm = async (formEl: FormInstance | undefined) => {
        if (!formEl) return;
        await formEl.validate((valid, fields) => {
          if (valid) {
@@ -140,6 +131,7 @@
                      type: 'success',
                    });
                    emit('myAdd', true);
                                formEl.resetFields();
                  } else {
                    ElMessage({
                      showClose: true,
@@ -148,14 +140,12 @@
                    });
                    emit('myAdd', true);
                  }
                  formEl.resetFields();
                });
          } else {
            console.log('error submit!', fields);
          }
        });
      }
    }
        };
    const resetForm = (formEl: FormInstance | undefined) => {
      isShowDialog.value = false;
      if (!formEl) return;
@@ -163,20 +153,23 @@
    };

    //日期选择器
    const value1 = ref('')
        const value1 = ref('');

    // 应急物资弹窗
    const showRef=ref()
    const daiInpt=()=>{
      showRef.value.openDailog()
    }
    const onUser = (e:any) => {
      ruleForm.value.suppliesId=e.id
    };
    // 编写人弹窗
    const userRef = ref();
    const openUser = () => {
      userRef.value.openDialog();
        const openUser = (type: any) => {
            userRef.value.openDailog(type);
        };
        const onUsers = (val: any) => {
            let arr = [];
            for (let i = 0; i < val.length; i++) {
                arr.push(val[i].realName);
                ruleForm.value.userList.push({
                    userUid: val[i].uid,
                    userName: val[i].realName,
                });
            }
            ruleForm.value.userName = arr.toString();
    };
    //全屏
    const full = ref(false);
@@ -188,15 +181,15 @@
      }
    };
    return {
            nameTitle,
      openDialog,
      isShowDialog,
      resetForm,
            rules,
      Search,
      ruleForm,
      value1,
      daiInpt,
      showRef,
      onUser,
            onUsers,
      ruleFormRef,
      submitForm,
      openUser,
@@ -204,7 +197,6 @@
      toggleFullscreen,
      FullScreen,
      full,
      titles,
      disabled,
      emit,
    };

 src/views/contingencyManagement/emergencyResources/emergencySupplies/component/maintain.vue

@@ -1,50 +1,31 @@
<template>
  <div class="system-edit-user-container">
    <el-dialog
        :title="titles"
        v-model="isShowDialog"
        width="769px"
        draggable
        :fullscreen="full"
    >
        <el-dialog title="修改应急物资保养" @close="resetForm(ruleFormRef)" v-model="isShowDialog" width="50%" draggable :fullscreen="full">
      <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
      <el-form
          ref="ruleFormRef"
          :model="ruleForm"
          size="default"
          label-width="120px"
      >
            <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" size="default" label-width="120px">
        <el-row :gutter="35">
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="应急物资" prop="suppliesId">
              <el-input
                  v-model="ruleForm.suppliesId"
                  placeholder="请选择"
                  class="input-with-select"
              >
                <template #append>
                        <el-form-item label="应急物资" prop="nameTitle">
                            <el-input v-model="nameTitle" disabled placeholder="请选择" class="input-with-select">
                                <!-- <template #append>
                  <el-button :icon="Search" @click="daiInpt"/>
                </template>
                </template> -->
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="保养结果" prop="maintainResult">
              <el-select v-model="ruleForm.maintainResult" class="w100" placeholder="请选择">
                <el-option label="正常" value="正常"></el-option>
                <el-option label="异常" value="异常"></el-option>
                                <el-option label="正常" value="1"></el-option>
                                <el-option label="异常" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="创建人" prop="userUid">
              <el-input
                  v-model="ruleForm.userUid"
                  placeholder="请选择"
                  class="input-with-select"
              >
                        <el-form-item label="创建人" prop="userName">
                            <el-input v-model="ruleForm.userName" placeholder="请选择" class="input-with-select">
                <template #append>
                  <el-button :icon="Search" @click="openUser" />
                                    <el-button :icon="Search" @click="openUser(0)" />
                </template>
              </el-input>
            </el-form-item>
@@ -65,7 +46,7 @@
      <template #footer>
                <span class="dialog-footer">
                    <el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
          <el-button size="default" type="primary" @click="submitForm(titles, ruleFormRef)">确定</el-button>
                    <el-button size="default" type="primary" @click="submitForm(ruleFormRef)">确定</el-button>
                </span>
      </template>
    </el-dialog>
@@ -75,22 +56,14 @@
</template>

<script lang="ts">
import {
  ref,
  defineComponent
} from 'vue';
import { ref, defineComponent, reactive } from 'vue';

import type {
  FormInstance,
} from 'element-plus'
import type { FormInstance, FormRules } from 'element-plus';
import { ElMessage } from 'element-plus';
import {
  Search,
  FullScreen
} from '@element-plus/icons-vue'
import EmergencySupplies from '/@/components/emergencySupplies/index.vue'
import DailogSearchUser from "../../../../../components/DailogSearchUser/index.vue"
import {maintenanceEmergencyMaterialsApi} from "/@/api/maintenanceEmergencyMaterials";
import { Search, FullScreen } from '@element-plus/icons-vue';
import EmergencySupplies from '/@/components/emergencySupplies/index.vue';
import DailogSearchUser from '../../../../../components/DailogSearchUser/index.vue';
import { maintenanceEmergencyMaterialsApi } from '/@/api/maintenanceEmergencyMaterials';

export default defineComponent({
  name: 'maintain',
@@ -99,26 +72,50 @@
    EmergencySupplies,
  },
  setup(props, { emit }) {
    const isShowDialog = ref(false)
        const isShowDialog = ref(false);

    const ruleFormRef = ref<FormInstance>()
        const ruleFormRef = ref<FormInstance>();
    //定义表单
    const ruleForm = ref ({
      suppliesId: '', // 物资ID
      maintainResult: '', //保养结果
      maintainTime: '', // 创建时间
      userList: []
            userList: [],
    });
    const titles = ref();
    const disabled = ref();
    // 打开弹窗
    const openDialog = (title: string,) => {
        const nameTitle = ref();
        const openDialog = (data: string) => {
      isShowDialog.value = true;
      titles.value = title;
            ruleForm.value.suppliesId = data.id;
            nameTitle.value = data.name;
    };
        const rules = reactive<FormRules>({
            nameTitle: [],
            maintainResult: [
                {
                    required: true,
                    message: '保养结果不能为空',
                    trigger: 'change',
                },
            ],
            userName: [
                {
                    required: true,
                    message: '创建人不能为空',
                    trigger: 'change',
                },
            ],
      maintainTime: [
                {
                    required: true,
                    message: '创建时间不能为空',
                    trigger: 'blur',
                },
            ],
        });
    // 表单提交验证必填项
    const submitForm = async (title: string, formEl: FormInstance | undefined) => {
      if (title == '修改应急物资保养') {
        const submitForm = async (formEl: FormInstance | undefined) => {
        if (!formEl) return;
        await formEl.validate((valid, fields) => {
          if (valid) {
@@ -147,8 +144,7 @@
            console.log('error submit!', fields);
          }
        });
      }
    }
        };
    const resetForm = (formEl: FormInstance | undefined) => {
      isShowDialog.value = false;
      if (!formEl) return;
@@ -156,24 +152,32 @@
    };

    //日期选择器
    const value1 = ref('')
        const value1 = ref('');

    // 应急物资弹窗
    const showRef=ref()
        const showRef = ref();
    const daiInpt=()=>{
      showRef.value.openDailog()
    }
            showRef.value.openDailog();
        };
    const onUser = (e:any) => {
      ruleForm.value.suppliesId=e.id
            ruleForm.value.suppliesId = e.id;
    };

    // 编写人弹窗
    const userRef = ref();
    const openUser = () => {
      userRef.value.openDailog();
        const openUser = (type: any) => {
            userRef.value.openDailog(type);
    };
    const onUsers = (e:any) => {
      ruleForm.value.userUid=e.uid
        const onUsers = (val: any) => {
            let arr = [];
            for (let i = 0; i < val.length; i++) {
                arr.push(val[i].realName);
                ruleForm.value.userList.push({
                    userUid: val[i].uid,
                    userName: val[i].realName,
                });
            }
            ruleForm.value.userName = arr.toString();
    };
    //全屏
    const full = ref(false);
@@ -186,6 +190,7 @@
    };
    return {
      openDialog,
            rules,
      isShowDialog,
      resetForm,
      Search,
@@ -202,9 +207,9 @@
      toggleFullscreen,
      FullScreen,
      full,
      titles,
      disabled,
      emit,
            nameTitle,
    };
  },
});

 src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue

@@ -1,21 +1,8 @@
<template>
    <div class="system-edit-user-container">
        <el-dialog
        :title="titles"
        v-model="isShowDialog"
        width="50%"
        draggable
        :fullscreen="full"
    >
        <el-dialog :title="titles" v-model="isShowDialog" @close="resetForm(ruleFormRef)" width="50%" draggable :fullscreen="full">
            <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
            <el-form
          ref="ruleFormRef"
          :rules="rules"
          :model="ruleForm"
          size="default"
          label-width="120px"
          :disabled="disabled"
      >
            <el-form ref="ruleFormRef" :rules="rules" :model="ruleForm" size="default" label-width="120px" :disabled="disabled">
                <el-row :gutter="35">
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="物资名称" prop="name">
@@ -63,12 +50,12 @@
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="物资分类" prop="classification">
                            <el-select v-model="ruleForm.classification" class="w100" placeholder="请选择">
                                <el-option label="事故气体吸收装置" value="事故气体吸收装置"></el-option>
                                <el-option label="通讯设施" value="通讯设施"></el-option>
                                <el-option label="交通运输工具" value="交通运输工具"></el-option>
                                <el-option label="照明装置" value="照明装置"></el-option>
                                <el-option label="防护器材" value="防护器材"></el-option>
                                <el-option label="其它" value="其它"></el-option>
                                <el-option label="事故气体吸收装置" value="1"></el-option>
                                <el-option label="通讯设施" value="2"></el-option>
                                <el-option label="交通运输工具" value="3"></el-option>
                                <el-option label="照明装置" value="4"></el-option>
                                <el-option label="防护器材" value="5"></el-option>
                                <el-option label="其它" value="6"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
@@ -101,34 +88,23 @@
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="物资状态" prop="status">
                            <el-select v-model="ruleForm.status" class="w100" placeholder="请选择">
                                <el-option label="完好" value="完好"></el-option>
                                <el-option label="维修" value="维修"></el-option>
                                <el-option label="完好" :value="1"></el-option>
                                <el-option label="维修" :value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="检查周期月" prop="inspectPeiod">
                            <el-input
                  v-model.number="ruleForm.inspectPeiod"
                  type=""
                  maxlength="4"
                  placeholder="请填写使用期限"
              ></el-input>
                        <el-form-item label="检查周期月" prop="inspectPeriod">
                            <el-input v-model.number="ruleForm.inspectPeriod" type="" maxlength="4" placeholder="请填写使用期限"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="投用日期" prop="useDate">
                            <el-date-picker
                  v-model="ruleForm.useDate"
                  type="datetime"
                  class="w100"
                  placeholder="选择日期时间"
                  value-format="YYYY-MM-DD HH:mm:ss"
              />
                            <el-date-picker v-model="ruleForm.useDate" type="datetime" class="w100" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
                        <el-form-item label="使用说明">
                        <el-form-item label="使用说明" prop="useExplain">
                            <el-input v-model="ruleForm.useExplain" type="textarea" placeholder="请填写使用说明"></el-input>
                        </el-form-item>
                    </el-col>
@@ -165,8 +141,8 @@
<!--                        </el-form-item>-->
<!--                    </el-col>-->
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="负责人">
                            <el-input v-model="ruleForm.principalUserUid" placeholder="请选择" class="input-with-select">
                        <el-form-item label="负责人" prop="principalUserName">
                            <el-input v-model="ruleForm.principalUserName" placeholder="请选择" class="input-with-select">
                                <template #append>
                                    <el-button :icon="Search" @click="daiInpt" />
                                </template>
@@ -182,24 +158,24 @@
                </span>
            </template>
        </el-dialog>
        <PersonInCharge ref="Shows" />
        <DailogSearchUser ref="Shows" @SearchUser="onUser"></DailogSearchUser>
        <userSelections ref="userRef" />
        <RegionsCheckbox ref="openRef" />
    </div>
</template>

<script lang="ts">
import { reactive, ref, defineComponent,onMounted, } from 'vue';
import { reactive, ref, defineComponent, onMounted } from 'vue';

import type { FormInstance, FormRules } from 'element-plus';
import { ElMessage } from 'element-plus';

import DailogSearchUser from '/@/components/DailogSearchUser/index.vue';
import { Search, FullScreen } from '@element-plus/icons-vue';
import UserSelections from '/@/components/userSelections/index.vue';
import PersonInCharge from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue';
import RegionsCheckbox from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue';
import {emergencySuppliesApi} from "/@/api/emergencyResources";
import {goalManagementApi} from "/@/api/goalManagement";
import { emergencySuppliesApi } from '/@/api/emergencyResources';
import { goalManagementApi } from '/@/api/goalManagement';

export default defineComponent({
    name: 'openAdd',
@@ -207,6 +183,7 @@
        PersonInCharge,
        UserSelections,
        RegionsCheckbox,
        DailogSearchUser,
    },
    setup(props, { emit }) {
        const isShowDialog = ref(false);
@@ -218,11 +195,12 @@
            useDate: '',
            inspectDate: '',
            nextInspectDate: '',
            inspectPeiod: '',
            inspectPeriod: '',
            count: '',
            usePeriod: '',
            departmentId: '',
            principalUserUid: '',
            principalUserName: '',
            status: '',
            classification: '',
            name: '',
@@ -268,7 +246,7 @@
    };
        //定义树形下拉框
        const responsibleDepartment = ref();
        const data = ref()
        const data = ref();
    const propse = {
      label: 'depName',
      children: 'children',
@@ -358,7 +336,7 @@
                    trigger: 'change',
                },
            ],
            inspectPeiod: [
            inspectPeriod: [
                {
                    required: true,
                    message: '检查周期月不能为空',
@@ -387,6 +365,8 @@
                    trigger: 'change',
                },
            ],
            principalUserName:[],
            useExplain:[]
        });
    // 表单提交验证必填项
    const submitForm = async (title: string, formEl: FormInstance | undefined) => {
@@ -419,8 +399,7 @@
            console.log('error submit!', fields);
          }
        });
      }
      else if (title == '修改应急物资代码') {
            } else if (title == '修改应急物资代码') {
        if (!formEl) return;
        await formEl.validate((valid, fields) => {
          if (valid) {
@@ -449,37 +428,14 @@
            console.log('error submit!', fields);
          }
        });
        formEl.resetFields();
        ruleForm.value = {
          productionDate: '',
          useDate: '',
          inspectDate: '',
          nextInspectDate: '',
          inspectPeiod: '',
          count: '',
          usePeriod: '',
          departmentId: '',
          principalUserUid: '',
          status: '',
          classification: '',
          name: '',
          number: '',
          model: '',
          longitude: '',
          latitude: '',
          use: '',
          areaId: null,
          place: '',
          useExplain: '',
        }
      }
    }
        };
    const resetForm = (formEl: FormInstance | undefined) => {
      isShowDialog.value = false;
      if (!formEl) return;
      formEl.resetFields();
    };
        // 应急队伍弹窗
        // 人名
        const Shows = ref();
        const daiInpt = () => {
            Shows.value.openDailog();
@@ -494,28 +450,6 @@
        const openUser = () => {
            userRef.value.openDialog();
        };
    const dataList = [
      {
        maintainResult: '',
        suppliesId: 'Tom',
        maintainTime: '2016-05-02',
      },
      {
        maintainResult: '',
        suppliesId: 'Tom',
        maintainTime: '2016-05-02',
      },
      {
        maintainResult: '',
        suppliesId: 'Tom',
        maintainTime: '2016-05-02',
      },
      {
        maintainResult: '',
        suppliesId: 'Tom',
        maintainTime: '2016-05-02',
      },
    ]
        //全屏
        const full = ref(false);
        const toggleFullscreen = () => {
@@ -524,6 +458,10 @@
            } else {
                full.value = false;
            }
        };
            const onUser = (e: any) => {
            ruleForm.value.principalUserUid = e.uid;
            ruleForm.value.principalUserName = e.realName;
        };
        return {
            openDialog,
@@ -551,7 +489,7 @@
      titles,
      disabled,
      emit,
      dataList,
            onUser
        };
    },
});

 src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openEdit.vue

@@ -1,6 +1,6 @@
<template>
    <div class="system-edit-user-container">
        <el-dialog :title="titles" v-model="isShowDialog" width="50%" draggable :fullscreen="full">
        <el-dialog :title="titles" v-model="isShowDialog" @close="resetForm(ruleFormRef)" width="50%" draggable :fullscreen="full">
            <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
            <el-form ref="ruleFormRef" :rules="rules" :model="ruleForm" size="default" label-width="120px" :disabled="disabled">
                <el-row :gutter="35">
@@ -20,12 +20,8 @@
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="所属区域">
                            <el-input v-model="ruleForm.areaId" placeholder="请选择" class="input-with-select">
                                <template #append>
                                    <el-button :icon="Search" @click="regionsDialog" />
                                </template>
                            </el-input>
                        <el-form-item label="投用日期" prop="useDate">
                            <el-date-picker v-model="ruleForm.useDate" type="datetime" class="w100" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -35,18 +31,18 @@
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="负责部门" prop="departmentId">
                            <el-tree-select v-model="ruleForm.departmentId" :data="data" class="w100" placeholder="请选择" />
                            <el-tree-select v-model="ruleForm.departmentId" :data="data" class="w100" :props="propse" placeholder="请选择" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="物资分类" prop="classification">
                            <el-select v-model="ruleForm.classification" class="w100" placeholder="请选择">
                                <el-option label="事故气体吸收装置" value="事故气体吸收装置"></el-option>
                                <el-option label="通讯设施" value="通讯设施"></el-option>
                                <el-option label="交通运输工具" value="交通运输工具"></el-option>
                                <el-option label="照明装置" value="照明装置"></el-option>
                                <el-option label="防护器材" value="防护器材"></el-option>
                                <el-option label="其它" value="其它"></el-option>
                                <el-option label="事故气体吸收装置" value="1"></el-option>
                                <el-option label="通讯设施" value="2"></el-option>
                                <el-option label="交通运输工具" value="3"></el-option>
                                <el-option label="照明装置" value="4"></el-option>
                                <el-option label="防护器材" value="5"></el-option>
                                <el-option label="其它" value="6"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
@@ -79,21 +75,17 @@
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="物资状态" prop="status">
                            <el-select v-model="ruleForm.status" class="w100" placeholder="请选择">
                                <el-option label="完好" value="完好"></el-option>
                                <el-option label="维修" value="维修"></el-option>
                                <el-option label="完好" value="1"></el-option>
                                <el-option label="维修" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="检查周期月" prop="inspectPeiod">
                            <el-input v-model.number="ruleForm.inspectPeiod" type="" maxlength="4" placeholder="请填写使用期限"></el-input>
                        <el-form-item label="检查周期月" prop="inspectPeriod">
                            <el-input v-model.number="ruleForm.inspectPeriod" type="" maxlength="4" placeholder="请填写使用期限"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="投用日期" prop="useDate">
                            <el-date-picker v-model="ruleForm.useDate" type="datetime" class="w100" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> </el-col>
                    <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
                        <el-form-item label="使用说明">
                            <el-input v-model="ruleForm.useExplain" type="textarea" placeholder="请填写使用说明"></el-input>
@@ -132,27 +124,47 @@
                    <!--                        </el-form-item>-->
                    <!--                    </el-col>-->
                    <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                        <el-form-item label="负责人">
                            <el-input v-model="ruleForm.principalUserUid" placeholder="请选择" class="input-with-select">
                        <el-form-item label="负责人" prop="principalUserName">
                            <el-input v-model="ruleForm.principalUserName" placeholder="请选择" class="input-with-select">
                                <template #append>
                                    <el-button :icon="Search" @click="daiInpt" />
                                </template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="保养记录">
                            <el-table :data="dataList" style="width: 100%" highlight-current-row>
                                <el-table-column label="保养结果" prop="maintainResult" width="170">
                                    <template slot-scope="scope">
                                        <el-select size="mini" v-model="dataList.maintainResult">
                                            <el-option value="正常" label="正常"></el-option>
                                            <el-option value="异常" label="异常"></el-option>
                            <el-table :data="ruleForm.maintainList" highlight-current-row>
                                <el-table-column align="center" label="保养结果" prop="maintainResult">
                                    <template #default="scope">
                                        <el-select size="mini" disabled v-model="scope.row.maintainResult">
                                            <el-option label="正常" value="1"></el-option>
                                            <el-option label="异常" value="2"></el-option>
                                        </el-select>
                                    </template>
                                </el-table-column>
                                <el-table-column label="创建人" prop="userUid" width="170"></el-table-column>
                                <el-table-column label="创建时间" prop="maintainTime" width="170"></el-table-column>
                                <el-table-column align="center" label="创建人" prop="userName"></el-table-column>
                                <el-table-column align="center" label="创建时间" prop="maintainTime"></el-table-column>
                            </el-table>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                                <el-form-item label="检查记录">
                            <el-table :data="ruleForm.inspectList" highlight-current-row>
                                <el-table-column align="center" label="检查结果" prop="maintainResult">
                                    <template #default="scope">
                                        <el-select size="mini" disabled v-model="scope.row.inspectResult">
                                            <el-option label="正常" value="1"></el-option>
                                            <el-option label="异常" value="2"></el-option>
                                        </el-select>
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" label="创建人" prop="userName"></el-table-column>
                                <el-table-column align="center" label="创建时间" prop="inspectTime"></el-table-column>
                            </el-table>
                        </el-form-item>
                    </el-col>
@@ -165,7 +177,7 @@
                </span>
            </template>
        </el-dialog>
        <PersonInCharge ref="Shows" />
        <DailogSearchUser ref="Shows" @SearchUser="onUser"></DailogSearchUser>
        <userSelections ref="userRef" />
        <RegionsCheckbox ref="openRef" />
    </div>
@@ -173,7 +185,7 @@

<script lang="ts">
import { reactive, ref, defineComponent } from 'vue';

import DailogSearchUser from '/@/components/DailogSearchUser/index.vue';
import type { FormInstance, FormRules } from 'element-plus';
import { ElMessage } from 'element-plus';

@@ -182,11 +194,12 @@
import PersonInCharge from '../component/personInCharge.vue';
import RegionsCheckbox from '../component/regionsCheckbox.vue';
import { emergencySuppliesApi } from '../../../../../api/emergencyResources';

import { goalManagementApi } from '/@/api/goalManagement';
import { AnyAaaaRecord } from 'dns';
export default defineComponent({
    name: 'openAdd',
    components: {
        PersonInCharge,
        DailogSearchUser,
        UserSelections,
        RegionsCheckbox,
    },
@@ -200,11 +213,12 @@
            useDate: '',
            inspectDate: '',
            nextInspectDate: '',
            inspectPeiod: '',
            inspectPeriod: '',
            count: '',
            usePeriod: '',
            departmentId: '',
            principalUserUid: '',
            principalUserName:"",
            status: '',
            classification: '',
            name: '',
@@ -221,6 +235,7 @@
        const disabled = ref();
        // 打开弹窗
        const openDialog = (title: string, id: number, type: boolean) => {
            department()
            isShowDialog.value = true;
            titles.value = title;
            disabled.value = type;
@@ -230,131 +245,46 @@
                    .then((res) => {
                        if (res.data.code == 200) {
                            ruleForm.value = res.data.data;
                            userNames(res.data.data.maintainList)
                            userNames(res.data.data.inspectList)
                        }
                    });
            }
        };
        const userNames=(data:AnyAaaaRecord)=>{
            for(let i=0;i<data.length;i++){
                let arr=[]
                for(let s=0;s<data[i].userList.length;s++){
                    arr.push(data[i].userList[s].userName)
                }
				
                data[i].userName=arr.toString()
            }
        }
        //日期选择器
        const value1 = ref('');
        // 可选择树
        const treeSelect = ref();
        const tree = [
            {
                value: '1',
                label: 'Level one 1',
                children: [
                    {
                        value: '11',
                        label: 'Level two 1-1',
                        children: [
                            {
                                value: '111',
                                label: 'Level three 1-1-1',
                            },
                        ],
                    },
                ],
            },
            {
                value: '2',
                label: 'Level one 2',
                children: [
                    {
                        value: '21',
                        label: 'Level two 2-1',
                        children: [
                            {
                                value: '211',
                                label: 'Level three 2-1-1',
                            },
                        ],
                    },
                    {
                        value: '22',
                        label: 'Level two 2-2',
                        children: [
                            {
                                value: '221',
                                label: 'Level three 2-2-1',
                            },
                        ],
                    },
                ],
            },
            {
                value: '3',
                label: 'Level one 3',
                children: [
                    {
                        value: '31',
                        label: 'Level two 3-1',
                        children: [
                            {
                                value: '311',
                                label: 'Level three 3-1-1',
                            },
                        ],
                    },
                    {
                        value: '32',
                        label: 'Level two 3-2',
                        children: [
                            {
                                value: '321',
                                label: 'Level three 3-2-1',
                            },
                        ],
                    },
                ],
            },
        ];
        //部门树
        const department = () => {
            goalManagementApi()
                .getTreedepartment()
                .then((res) => {
                    if (res.data.code == 200) {
                        data.value = res.data.data;
                    } else {
                        ElMessage.error(res.data.msg);
                    }
                });
        };
        //定义树形下拉框
        const responsibleDepartment = ref();
        const data = [
            {
                value: '1',
                label: '广汇能源综合物流发展有限责任公司',
                children: [
                    {
                        value: 11,
                        label: '经营班子',
                        children: [],
                    },
                ],
            },
            {
                value: '2',
                label: '生产运行部',
                children: [
                    {
                        value: '21',
                        label: '灌装一班',
                        children: [],
                    },
                    {
                        value: '22',
                        label: '工艺四班',
                        children: [],
                    },
                ],
            },
            {
                value: '3',
                label: '设备部',
                children: [
                    {
                        value: '31',
                        label: '仪表班',
                        children: [],
                    },
                    {
                        value: '32',
                        label: '机修班',
                        children: [],
                    },
                ],
            },
        ];
        const data = ref();
        const propse = {
            label: 'depName',
            children: 'children',
            value: 'depId',
        };
        // 必填项提示
        const rules = reactive<FormRules>({
            name: [
@@ -418,14 +348,14 @@
                {
                    required: true,
                    message: '生产日期不能为空',
                    trigger: 'change',
                    trigger: 'blur',
                },
            ],
            usePeriod: [
                {
                    required: true,
                    message: '使用期限不能为空',
                    trigger: 'change',
                    trigger: 'blur',
                },
                { type: 'number', message: '请输入数字类型', trigger: 'change' },
            ],
@@ -436,7 +366,7 @@
                    trigger: 'change',
                },
            ],
            inspectPeiod: [
            inspectPeriod: [
                {
                    required: true,
                    message: '检查周期月不能为空',
@@ -448,23 +378,24 @@
                {
                    required: true,
                    message: '投用日期不能为空',
                    trigger: 'change',
                    trigger: 'blur',
                },
            ],
            inspectDate: [
                {
                    required: true,
                    message: '检查日期不能为空',
                    trigger: 'change',
                    trigger: 'blur',
                },
            ],
            nextInspectDate: [
                {
                    required: true,
                    message: '下次检查日期不能为空',
                    trigger: 'change',
                    trigger: 'blur',
                },
            ],
            principalUserName:[],
        });
        // 表单提交验证必填项
        const submitForm = async (title: string, formEl: FormInstance | undefined) => {
@@ -527,28 +458,6 @@
                    }
                });
                formEl.resetFields();
                ruleForm.value = {
                    productionDate: '',
                    useDate: '',
                    inspectDate: '',
                    nextInspectDate: '',
                    inspectPeiod: '',
                    count: '',
                    usePeriod: '',
                    departmentId: '',
                    principalUserUid: '',
                    status: '',
                    classification: '',
                    name: '',
                    number: '',
                    model: '',
                    longitude: '',
                    latitude: '',
                    use: '',
                    areaId: null,
                    place: '',
                    useExplain: '',
                };
            }
        };
        const resetForm = (formEl: FormInstance | undefined) => {
@@ -556,7 +465,7 @@
            if (!formEl) return;
            formEl.resetFields();
        };
        // 应急队伍弹窗
        // 人名
        const Shows = ref();
        const daiInpt = () => {
            Shows.value.openDailog();
@@ -571,29 +480,7 @@
        const openUser = () => {
            userRef.value.openDialog();
        };
    const dataList = ref()
        // const dataList = [
        //     {
        //         maintainResult: '1',
        //         suppliesId: 'Tom',
        //         maintainTime: '2016-05-02',
        //     },
        //     {
        //         maintainResult: '1',
        //         suppliesId: 'Tom',
        //         maintainTime: '2016-05-02',
        //     },
        //     {
        //         maintainResult: '',
        //         suppliesId: 'Tom',
        //         maintainTime: '2016-05-02',
        //     },
        //     {
        //         maintainResult: '',
        //         suppliesId: 'Tom',
        //         maintainTime: '2016-05-02',
        //     },
        // ];
        const dataList = ref();
        //全屏
        const full = ref(false);
        const toggleFullscreen = () => {
@@ -603,7 +490,13 @@
                full.value = false;
            }
        };
        const onUser = (e: any) => {
            ruleForm.value.principalUserUid = e.uid;
            ruleForm.value.principalUserName = e.realName;
        };
        return {
            onUser,
            userNames,
            openDialog,
            isShowDialog,
            responsibleDepartment,
@@ -612,7 +505,6 @@
            ruleForm,
            value1,
            treeSelect,
            tree,
            daiInpt,
            Shows,
            ruleFormRef,
@@ -630,6 +522,8 @@
            disabled,
            emit,
            dataList,
            propse,
            department
        };
    },
});

 src/views/contingencyManagement/emergencyResources/emergencySupplies/index.vue

@@ -32,19 +32,25 @@
                </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)">
@@ -85,26 +91,13 @@
</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';
@@ -192,21 +185,17 @@

        //新增应急物资检查弹窗
        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) => {
@@ -249,7 +238,7 @@
        // 删除用户
        const onRowDel = (id: number) => {
      let arr = [];
      arr.push(id)
            arr.push(id);
            ElMessageBox.confirm('确定删除所选项吗?', '提示', {
                confirmButtonText: '确认',
                cancelButtonText: '取消',

 src/views/contingencyManagement/emergencyResources/maintenanceOfEmergencyMaterials/component/openAdd.vue

@@ -1,28 +1,12 @@
<template>
  <div class="system-edit-user-container">
    <el-dialog
        :title="titles"
        v-model="isShowDialog"
        width="769px"
        draggable
        :fullscreen="full"
    >
        <el-dialog :title="titles" v-model="isShowDialog" width="50%" @close="resetForm(ruleFormRef)" draggable :fullscreen="full">
      <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
      <el-form
          ref="ruleFormRef"
          :model="ruleForm"
          size="default"
          label-width="120px"
          :disabled="disabled"
      >
            <el-form ref="ruleFormRef" :rules="rules" :model="ruleForm" size="default" label-width="120px" :disabled="disabled">
        <el-row :gutter="35">
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="应急物资" prop="suppliesId">
              <el-input
                  v-model="ruleForm.suppliesId"
                  placeholder="请选择"
                  class="input-with-select"
              >
                        <el-form-item label="应急物资" prop="suppliesName">
                            <el-input v-model="ruleForm.suppliesName" placeholder="请选择" class="input-with-select">
                <template #append>
                  <el-button :icon="Search" @click="daiInpt"/>
                </template>
@@ -32,20 +16,16 @@
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="保养结果" prop="maintainResult">
              <el-select v-model="ruleForm.maintainResult" class="w100" placeholder="请选择">
                <el-option label="正常" value="正常"></el-option>
                <el-option label="异常" value="异常"></el-option>
                                <el-option label="正常" value="1"></el-option>
                                <el-option label="异常" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="创建人" prop="userUid">
              <el-input
                  v-model="ruleForm.userUid"
                  placeholder="请选择"
                  class="input-with-select"
              >
                        <el-form-item label="创建人" prop="userName">
                            <el-input v-model="ruleForm.userName" placeholder="请选择" class="input-with-select">
                <template #append>
                  <el-button :icon="Search" @click="openUser" />
                                    <el-button :icon="Search" @click="openUser(0)" />
                </template>
              </el-input>
            </el-form-item>
@@ -66,7 +46,7 @@
      <template #footer>
                <span class="dialog-footer">
                    <el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
          <el-button size="default" type="primary" v-if="disabled == true ? false : true" @click="submitForm(titles, ruleFormRef)">确定</el-button>
                    <el-button size="default" type="primary" v-if="disabled == true ? false : true" @click="submitForm(ruleFormRef)">确定</el-button>
                </span>
      </template>
    </el-dialog>
@@ -76,23 +56,14 @@
</template>

<script lang="ts">
import {
  ref,
  defineComponent
} from 'vue';
import { ref, defineComponent, reactive } from 'vue';

import type {
  FormInstance,
  // FormRules,
} from 'element-plus'
import type { FormInstance, FormRules } from 'element-plus';
import { ElMessage } from 'element-plus';
import {
  Search,
  FullScreen
} from '@element-plus/icons-vue'
import EmergencySupplies from '../../../../../components/emergencySupplies/index.vue'
import DailogSearchUser from "../../../../../components/DailogSearchUser/index.vue"
import {maintenanceEmergencyMaterialsApi} from "../../../../../api/maintenanceEmergencyMaterials";
import { Search, FullScreen } from '@element-plus/icons-vue';
import EmergencySupplies from '../../../../../components/emergencySupplies/index.vue';
import DailogSearchUser from '/@/components/DailogSearchUser/index.vue';
import { maintenanceEmergencyMaterialsApi } from '../../../../../api/maintenanceEmergencyMaterials';

export default defineComponent({
  name: 'openAdd',
@@ -101,41 +72,46 @@
    EmergencySupplies,
  },
  setup(props, { emit }) {
    const isShowDialog = ref(false)
        const isShowDialog = ref(false);

    const ruleFormRef = ref<FormInstance>()
        const ruleFormRef = ref<FormInstance>();
    //定义表单
    const ruleForm = ref ({
      suppliesId: '', // 物资ID
      maintainResult: '', //保养结果
      maintainTime: '', // 创建时间
      userList: []
            userList: [],
    });
    const titles = ref();
    const disabled = ref();
    // 打开弹窗
    const openDialog = (title: string, id: number, type: boolean) => {
        const openDialog = (title: string, id: number) => {
      isShowDialog.value = true;
      titles.value = title;
      disabled.value = type;
      if (title == '查看应急物资保养' || title == '修改应急物资保养') {
            titles.value = `${title}应急物资保养`;
            disabled.value = title == '查看' ? true : false;
            if (title == '查看' || title == '修改') {
        maintenanceEmergencyMaterialsApi()
            .seeMaintenanceEmergencyMaterials(id)
            .then((res) => {
              if (res.data.code == 200) {
                ruleForm.value = res.data.data;
                            let arr = [];
                            for (let i = 0; i < ruleForm.value.userList.length; i++) {
                                arr.push(ruleForm.value.userList[i].userName);
                            }
                            ruleForm.value.userName = arr.toString();
              }
            });
      }
    };
    //日期选择器
    const maintainTime = ref('')
        const maintainTime = ref('');
    // 表单提交验证必填项
    const submitForm = async (title: string, formEl: FormInstance | undefined) => {
      if (title == '新建应急物资保养') {
        const submitForm = async (formEl: FormInstance | undefined) => {
        if (!formEl) return;
        await formEl.validate((valid, fields) => {
          if (valid) {
                    if (titles.value == '新建应急物资保养') {
            isShowDialog.value = false;
            maintenanceEmergencyMaterialsApi()
                .addMaintenanceEmergencyMaterials(ruleForm.value)
@@ -155,17 +131,8 @@
                    });
                    emit('myAdd', true);
                  }
                  formEl.resetFields();
                });
          } else {
            console.log('error submit!', fields);
          }
        });
      }
      else if (title == '修改应急物资保养') {
        if (!formEl) return;
        await formEl.validate((valid, fields) => {
          if (valid) {
                    } else if (titles.value == '修改应急物资保养') {
            isShowDialog.value = false;
            maintenanceEmergencyMaterialsApi()
                .editMaintenanceEmergencyMaterials(ruleForm.value)
@@ -187,39 +154,66 @@
                  }
                  formEl.resetFields();
                });
                    }
          } else {
            console.log('error submit!', fields);
          }
        });
        formEl.resetFields();
        ruleForm.value = {
          suppliesId: '', // 队伍名称
          maintainResult: '', //队伍负责人
          maintainTime: '', // 负责人部门
          userList: []
        }
      }
    }
        };
    const resetForm = (formEl: FormInstance | undefined) => {
      isShowDialog.value = false;
      if (!formEl) return;
      formEl.resetFields();
    };
        const rules = reactive<FormRules>({
            nameTitle: [],
            maintainResult: [
                {
                    required: true,
                    message: '保养结果不能为空',
                    trigger: 'change',
                },
            ],
            userName: [
                {
                    required: true,
                    message: '创建人不能为空',
                    trigger: 'change',
                },
            ],
            maintainTime: [
                {
                    required: true,
                    message: '创建时间不能为空',
                    trigger: 'blur',
                },
            ],
        });
    // 应急物资弹窗
    const showRef=ref()
        const showRef = ref();
    const daiInpt=()=>{
      showRef.value.openDailog()
    }
            showRef.value.openDailog();
        };
    const onUser = (e:any) => {
      ruleForm.value.suppliesId=e.id
            ruleForm.value.suppliesId = e.id;
            ruleForm.value.suppliesName = e.name;
    };
    // 编写人弹窗
    const userRef = ref();
    const openUser = () => {
      userRef.value.openDailog();
        const openUser = (data: any) => {
            userRef.value.openDailog(data);
    };
    const onUsers = (e:any) => {
      ruleForm.value.userUid=e.uid
        const onUsers = (val: any) => {
            let arr = [];
            for (let i = 0; i < val.length; i++) {
                arr.push(val[i].realName);
                ruleForm.value.userList.push({
                    userUid: val[i].uid,
                    userName: val[i].realName,
                });
            }
            ruleForm.value.userName = arr.toString();
    };
    //全屏
    const full = ref(false);
@@ -239,6 +233,7 @@
      daiInpt,
      onUser,
      onUsers,
            rules,
      showRef,
      ruleFormRef,
      submitForm,

 src/views/contingencyManagement/emergencyResources/maintenanceOfEmergencyMaterials/index.vue

@@ -4,7 +4,7 @@
            <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>
@@ -16,20 +16,14 @@
            </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">
@@ -46,26 +40,25 @@
                </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>
@@ -92,12 +85,7 @@
</template>

<script lang="ts">
import {
  reactive,
  onMounted,
  ref,
  defineComponent
} from 'vue';
import { reactive, onMounted, ref, defineComponent } from 'vue';
import {
    ElMessageBox,
    ElMessage,
@@ -112,11 +100,11 @@
// 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',
@@ -174,7 +162,7 @@
      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;
@@ -189,8 +177,8 @@

    // 打开新建用户弹窗
        const addRef = ref();
        const onOpenAdd = () => {
            addRef.value.openDialog('新建应急物资保养',false);
        const onOpenAdd = (data:any) => {
            addRef.value.openDialog(data);
        };
    // 新增后刷新
    const onMyAdd = (e: boolean) => {
@@ -203,13 +191,15 @@
    // 打开修改用户弹窗
    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: '取消',
@@ -217,7 +207,7 @@
      })
          .then(() => {
            maintenanceEmergencyMaterialsApi()
                .deleteMaintenanceEmergencyMaterials(data)
                        .deleteMaintenanceEmergencyMaterials(arr)
                .then((res) => {
                  if (res.data.code == 200) {
                    ElMessage({
@@ -279,7 +269,8 @@
            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();