对接

shj

2022-08-06 d6b4708cede4ae7a5e06d5fb10271d4ea1132986

 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();