Merge branch 'sxw-skeleton' of http://101.36.160.140:21044/emergency-report/report-vue into sxw-skeleton

src/router/index.ts

@@ -26,6 +26,11 @@ const routes: Array<RouteRecordRaw> = [
         path: "enterWarehouseInfo",
         name: "enterWarehouseInfo",
         component: () => import("@/views/InformationFilling/enterWarehouseInfo/index.vue")
+      },
+      {
+        path: "enterWarehouseInfoDetail",
+        name: "enterWarehouseInfoDetail",
+        component: () => import("@/views/InformationFilling/enterWarehouseInfo/detail.vue")
       }
     ]
   },
@@ -40,10 +45,20 @@ const routes: Array<RouteRecordRaw> = [
         component: () => import("@/views/InformationAudit/outWarehouseAudit/index.vue")
       },
       {
+        path: "outWarehouseAuditDetail",
+        name: "outWarehouseAuditDetail",
+        component: () => import("@/views/InformationAudit/outWarehouseAudit/detail.vue")
+      },
+      {
         path: "enterWarehouseAudit",
         name: "enterWarehouseAudit",
         component: () => import("@/views/InformationAudit/enterWarehouseAudit/index.vue")
-      }
+      },
+      {
+        path: "enterWarehouseAuditDetail",
+        name: "enterWarehouseAuditDetail",
+        component: () => import("@/views/InformationAudit/enterWarehouseAudit/detail.vue")
+      },
     ]
   },
   {

src/views/InformationAudit/enterWarehouseAudit/detail.vue

@@ -0,0 +1,153 @@
+<!-- 入库信息审核-详情页 -->
+<template>
+  <basic-container>
+    <el-row justify="">
+      <el-table :data="tableData" style="width: 100%" stripe border>
+        <el-table-column prop="cklx" label="入库类型" header-align="center" align="center" />
+        <el-table-column prop="dmUpname0" label="物资大类" header-align="center" align="center" />
+        <el-table-column prop="dmUpname1" label="物资类别" header-align="center" align="center" />
+        <el-table-column prop="dmUpname2" label="物资名称" header-align="center" align="center" />
+        <el-table-column prop="dmUpname3" label="单位" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="数量" header-align="center" align="center" />
+        <!-- <el-table-column prop="moduleNum" label="调用省份" header-align="center" align="center" /> -->
+        <el-table-column prop="moduleNum" label="入库日期" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="单价（元）" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="价值（万元）" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="是否可用" header-align="center" align="center" />
+        <el-table-column label="附件上传" header-align="center" align="center" width="160">
+          <template #default="scope">
+            <span>{{ scope.row.moduleNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="moduleNum" label="备注" header-align="center" align="center" />
+      </el-table>
+    </el-row>
+    <el-form :model="formData" label-width="100px" class="whole_form">
+      <el-row class="audit-form" style="margin-top: 50px">
+        <el-col :span="24">
+          <el-form-item label="审核意见：">
+            <el-input
+              type="textarea"
+              rows="4"
+              v-model="formData.shyj"
+              placeholder="请输入"
+              style="width: 100%"
+            /> </el-form-item
+        ></el-col>
+        <el-col :span="24">
+          <el-form-item label="附上传件：">
+            <el-upload
+              v-model:file-list="formData.fileList"
+              class="upload-demo"
+              action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+              multiple
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :limit="3"
+              :on-exceed="handleExceed"
+            >
+              <el-button style="margin-top:10px" type="primary">选择文件</el-button>
+            </el-upload>
+          </el-form-item></el-col
+        >
+      </el-row>
+    </el-form>
+    <div style="text-align: center; padding: 20px 0">
+      <button class="bottom-btn" style="background-color: #676fe8" @click="handleAgree">通 过</button>
+      <button class="bottom-btn" style="background-color: #e13434" @click="handleReturn">退 回</button>
+    </div>
+  </basic-container>
+</template>
+
+<script setup lang="ts">
+import { reactive, toRefs } from "vue";
+import { getSuppliesType } from "@/api/dataStatistics/index";
+import { Search } from "@element-plus/icons-vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { useRouter } from "vue-router"
+
+const router = useRouter()
+const data = reactive({
+  tableData: []
+});
+let page = reactive({
+  currentPage: 1,
+  pageSize: 5,
+  total: 0
+});
+let formData = reactive({
+  shyj: "",
+  fileList: []
+});
+
+let { tableData } = toRefs(data);
+
+// 获取列表
+const getList = () => {
+  // console.log(formData,"formData---");
+
+  const data = reactive({
+    size: page.pageSize,
+    current: page.currentPage,
+    params: { ...formData }
+  });
+  getSuppliesType(data).then((res: any) => {
+    console.log(res);
+    if (res.code === 0) {
+      tableData.value = res.data.records;
+    }
+  });
+};
+// 通过
+const handleAgree = () => {
+  router.push('enterWarehouseAudit')
+};
+// 退回
+const handleReturn = () => {
+  router.push('enterWarehouseAudit')
+};
+
+// 附件相关
+const handleRemove = (file: any, uploadFiles: any) => {
+  console.log(file, uploadFiles);
+};
+
+const handlePreview = (uploadFile: any) => {
+  console.log(uploadFile);
+};
+
+const handleExceed = (files: any, uploadFiles: any) => {
+  ElMessage.warning(
+    `The limit is 3, you selected ${files.length} files this time, add up to ${
+      files.length + uploadFiles.length
+    } totally`
+  );
+};
+
+const beforeRemove = (uploadFile: any, uploadFiles: any) => {
+  return ElMessageBox.confirm(`Cancel the transfer of ${uploadFile.name} ?`).then(
+    () => true,
+    () => false
+  );
+};
+
+getList();
+</script>
+
+<style lang="scss" scoped>
+.bottom-btn {
+  width: 150px;
+  height: 44px;
+  line-height: 44px;
+  color: #ffffff;
+  border: none;
+  border-radius: 15px;
+}
+.bottom-btn + .bottom-btn {
+  margin-left: 20px;
+}
+.el-form-item{
+  align-items: center;
+}
+</style>

src/views/InformationAudit/enterWarehouseAudit/index.vue

@@ -1,16 +1,140 @@
+<!-- 入库信息审核 -->
 <template>
-  <div :style="'height:' + height">
-    <iframe style="width: 100%; height: 100%" :src="src" frameborder="no"></iframe>
-  </div>
+  <basic-container>
+    <el-form :model="formData" label-width="100px" class="whole_form">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="库点简称">
+            <el-input v-model="formData.kdjc" placeholder="请输入" style="width: 280px" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="入库类型">
+            <el-select v-model="formData.cklx" class="m-2" placeholder="请选择" style="width: 280px">
+              <el-option v-for="item in cklxOptions" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="物资名称">
+            <el-input v-model="formData.wzmc" placeholder="请输入" style="width: 280px" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="审批节点">
+            <el-select v-model="formData.spjd" class="m-2" placeholder="请选择" style="width: 280px">
+              <el-option v-for="item in spjdOptions" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table :data="tableData" style="width: 100%" stripe border>
+      <el-table-column type="index" label="序号" header-align="center" align="center" width="60" />
+      <el-table-column prop="kdjc" label="库点简称" header-align="center" align="center" />
+      <el-table-column prop="cklx" label="入库类型" header-align="center" align="center" />
+      <el-table-column prop="dmUpname0" label="物资大类" header-align="center" align="center" />
+      <el-table-column prop="dmUpname1" label="物资类别" header-align="center" align="center" />
+      <el-table-column prop="dmUpname2" label="物资名称" header-align="center" align="center" />
+      <el-table-column prop="moduleNum" label="数量" header-align="center" align="center" />
+      <!-- <el-table-column prop="moduleNum" label="调用省份" header-align="center" align="center" /> -->
+      <el-table-column prop="moduleNum" label="入库日期" header-align="center" align="center" />
+      <el-table-column prop="moduleNum" label="当前审批节点" header-align="center" align="center" />
+      <el-table-column label="操作" header-align="center" align="center" width="160">
+        <template #default="scope">
+          <el-button size="" type="warning" style="backgroundColor: #dbc262" @click="handleProcess(scope.$index, scope.row)"
+            >审核</el-button
+          >
+          <el-button size="" type="primary" style="backgroundColor: #949aef" @click="handleShow(scope.$index, scope.row)">查看</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="page.total > 0"
+      v-model:page="page.currentPage"
+      v-model:limit="page.pageSize"
+      :total="page.total"
+      layout="->,total, sizes, prev, pager, next, jumper"
+      @pagination="getList"
+    />
+  </basic-container>
 </template>
+
 <script setup lang="ts">
-import { ref } from "vue";
-import cache from "@/utils/cache";
+import { reactive, toRefs } from "vue";
+import { getSuppliesType } from "@/api/dataStatistics/index";
+import { Search } from "@element-plus/icons-vue";
+import { useRouter } from "vue-router"
+
+const router = useRouter()
+const data = reactive({
+  tableData: [],
+  cklxOptions: [],
+  spjdOptions: [],
+});
+let page = reactive({
+  currentPage: 1,
+  pageSize: 10,
+  total: 0
+});
+let formData = reactive({
+  cklx: "",
+  wzmc: "",
+  kdjc: "",
+  spjd: ""
+});
+
+let { tableData } = toRefs(data);
 
-const userId = cache.session.get("userId");
-const src = ref(
-  `http://124.70.31.38:49878/irpt/esmain/workflow/workflowmgr.do?command=querytodotasks&id=${userId}&pw=123456`
-);
-const height = ref(document.documentElement.clientHeight - 94.5 + "px");
+// 获取列表
+const getList = () => {
+  const data = reactive({
+    size: page.pageSize,
+    current: page.currentPage,
+    params: { ...formData }
+  });
+  getSuppliesType(data).then((res: any) => {
+    console.log(res);
+    if (res.code === 0) {
+      tableData.value = res.data.records;
+      page.total = res.data.total;
+    }
+  });
+};
+// 查询
+const handleSearch = () => {
+  getList();
+};
+// 重置
+const handleReSearch = () => {
+  page = {
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  };
+  formData = {
+    cklx: "",
+    wzmc: "",
+    kdjc: "",
+    spjd: ""
+  };
+  getList();
+};
+// 审核
+const handleProcess = () => {
+  router.push('enterWarehouseAuditDetail')
+};
+// 查看
+const handleShow = () => {
+  router.push('enterWarehouseAuditDetail')
+};
+
+getList();
 </script>
+
 <style lang="scss" scoped></style>

src/views/InformationAudit/outWarehouseAudit/detail.vue

@@ -0,0 +1,153 @@
+<!-- 出库信息审核-详情页 -->
+<template>
+  <basic-container>
+    <el-row justify="">
+      <el-table :data="tableData" style="width: 100%" stripe border>
+        <el-table-column prop="cklx" label="出库类型" header-align="center" align="center" />
+        <el-table-column prop="dmUpname0" label="物资大类" header-align="center" align="center" />
+        <el-table-column prop="dmUpname1" label="物资类别" header-align="center" align="center" />
+        <el-table-column prop="dmUpname2" label="物资名称" header-align="center" align="center" />
+        <el-table-column prop="dmUpname3" label="单位" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="数量" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="调用省份" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="出库日期" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="单价（元）" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="价值（万元）" header-align="center" align="center" />
+        <el-table-column prop="moduleNum" label="是否可用" header-align="center" align="center" />
+        <el-table-column label="附件上传" header-align="center" align="center" width="160">
+          <template #default="scope">
+            <span>{{ scope.row.moduleNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="moduleNum" label="备注" header-align="center" align="center" />
+      </el-table>
+    </el-row>
+    <el-form :model="formData" label-width="100px" class="whole_form">
+      <el-row class="audit-form" style="margin-top: 50px">
+        <el-col :span="24">
+          <el-form-item label="审核意见：">
+            <el-input
+              type="textarea"
+              rows="4"
+              v-model="formData.shyj"
+              placeholder="请输入"
+              style="width: 100%"
+            /> </el-form-item
+        ></el-col>
+        <el-col :span="24">
+          <el-form-item label="附上传件：">
+            <el-upload
+              v-model:file-list="formData.fileList"
+              class="upload-demo"
+              action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+              multiple
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :limit="3"
+              :on-exceed="handleExceed"
+            >
+              <el-button style="margin-top:10px" type="primary">选择文件</el-button>
+            </el-upload>
+          </el-form-item></el-col
+        >
+      </el-row>
+    </el-form>
+    <div style="text-align: center; padding: 20px 0">
+      <button class="bottom-btn" style="background-color: #676fe8" @click="handleAgree">通 过</button>
+      <button class="bottom-btn" style="background-color: #e13434" @click="handleReturn">退 回</button>
+    </div>
+  </basic-container>
+</template>
+
+<script setup lang="ts">
+import { reactive, toRefs } from "vue";
+import { getSuppliesType } from "@/api/dataStatistics/index";
+import { Search } from "@element-plus/icons-vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { useRouter } from "vue-router"
+
+const router = useRouter()
+const data = reactive({
+  tableData: []
+});
+let page = reactive({
+  currentPage: 1,
+  pageSize: 5,
+  total: 0
+});
+let formData = reactive({
+  shyj: "",
+  fileList: []
+});
+
+let { tableData } = toRefs(data);
+
+// 获取列表
+const getList = () => {
+  // console.log(formData,"formData---");
+
+  const data = reactive({
+    size: page.pageSize,
+    current: page.currentPage,
+    params: { ...formData }
+  });
+  getSuppliesType(data).then((res: any) => {
+    console.log(res);
+    if (res.code === 0) {
+      tableData.value = res.data.records;
+    }
+  });
+};
+// 通过
+const handleAgree = () => {
+  router.push('enterWarehouseAuditDetail')
+};
+// 退回
+const handleReturn = () => {
+  router.push('enterWarehouseAuditDetail')
+};
+
+// 附件相关
+const handleRemove = (file: any, uploadFiles: any) => {
+  console.log(file, uploadFiles);
+};
+
+const handlePreview = (uploadFile: any) => {
+  console.log(uploadFile);
+};
+
+const handleExceed = (files: any, uploadFiles: any) => {
+  ElMessage.warning(
+    `The limit is 3, you selected ${files.length} files this time, add up to ${
+      files.length + uploadFiles.length
+    } totally`
+  );
+};
+
+const beforeRemove = (uploadFile: any, uploadFiles: any) => {
+  return ElMessageBox.confirm(`Cancel the transfer of ${uploadFile.name} ?`).then(
+    () => true,
+    () => false
+  );
+};
+
+getList();
+</script>
+
+<style lang="scss" scoped>
+.bottom-btn {
+  width: 150px;
+  height: 44px;
+  line-height: 44px;
+  color: #ffffff;
+  border: none;
+  border-radius: 15px;
+}
+.bottom-btn + .bottom-btn {
+  margin-left: 20px;
+}
+.el-form-item{
+  align-items: center;
+}
+</style>

src/views/InformationAudit/outWarehouseAudit/index.vue

@@ -1,16 +1,143 @@
+<!-- 出库信息审核 -->
 <template>
-  <div :style="'height:' + height">
-    <iframe style="width: 100%; height: 100%" :src="src" frameborder="no"></iframe>
-  </div>
+  <basic-container>
+    <el-form :model="formData" label-width="100px" class="whole_form">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="出库类型">
+            <el-select v-model="formData.cklx" class="m-2" placeholder="请选择" style="width: 280px">
+              <el-option v-for="item in cklxOptions" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="物资名称">
+            <el-input v-model="formData.wzmc" placeholder="请输入" style="width: 280px" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="当前审批节点">
+            <el-select v-model="formData.dqspjd" class="m-2" placeholder="请选择" style="width: 280px">
+              <el-option v-for="item in dqspjdOptions" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="审批节点">
+            <el-select v-model="formData.spjd" class="m-2" placeholder="请选择" style="width: 280px">
+              <el-option v-for="item in spjdOptions" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table :data="tableData" style="width: 100%" stripe border>
+      <el-table-column type="index" label="序号" header-align="center" align="center" width="60" />
+      <el-table-column prop="kdjc" label="库点简称" header-align="center" align="center" />
+      <el-table-column prop="cklx" label="出库类型" header-align="center" align="center" />
+      <el-table-column prop="dmUpname0" label="物资大类" header-align="center" align="center" />
+      <el-table-column prop="dmUpname1" label="物资类别" header-align="center" align="center" />
+      <el-table-column prop="dmUpname2" label="物资名称" header-align="center" align="center" />
+      <el-table-column prop="moduleNum" label="数量" header-align="center" align="center" />
+      <el-table-column prop="moduleNum" label="调用省份" header-align="center" align="center" />
+      <el-table-column prop="moduleNum" label="出库日期" header-align="center" align="center" />
+      <el-table-column prop="moduleNum" label="当前审批节点" header-align="center" align="center" />
+      <el-table-column label="操作" header-align="center" align="center" width="160">
+        <template #default="scope">
+          <el-button size="" type="warning" style="backgroundColor: #dbc262" @click="handleProcess(scope.$index, scope.row)"
+            >审核</el-button
+          >
+          <el-button size="" type="primary" style="backgroundColor: #949aef" @click="handleShow(scope.$index, scope.row)">查看</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="page.total > 0"
+      v-model:page="page.currentPage"
+      v-model:limit="page.pageSize"
+      :total="page.total"
+      layout="->,total, sizes, prev, pager, next, jumper"
+      @pagination="getList"
+    />
+  </basic-container>
 </template>
+
 <script setup lang="ts">
-import { ref } from "vue";
-import cache from "@/utils/cache";
+import { reactive, toRefs } from "vue";
+import { getSuppliesType } from "@/api/dataStatistics/index";
+import { Search } from "@element-plus/icons-vue";
+import { useRouter } from "vue-router"
+
+const router = useRouter()
+const data = reactive({
+  tableData: [],
+  cklxOptions: [],
+  dqspjdOptions: [],
+  spjdOptions: [],
+});
+let page = reactive({
+  currentPage: 1,
+  pageSize: 10,
+  total: 0
+});
+let formData = reactive({
+  cklx: "",
+  wzmc: "",
+  dqspjd: "",
+  spjd: ""
+});
+
+let { tableData } = toRefs(data);
 
-const userId = cache.session.get("userId");
-const src = ref(
-  `http://124.70.31.38:49878/irpt/esmain/workflow/workflowmgr.do?command=querytodotasks&id=${userId}&pw=123456`
-);
-const height = ref(document.documentElement.clientHeight - 94.5 + "px");
+// 获取列表
+const getList = () => {
+  const data = reactive({
+    size: page.pageSize,
+    current: page.currentPage,
+    params: { ...formData }
+  });
+  getSuppliesType(data).then((res: any) => {
+    console.log(res);
+    if (res.code === 0) {
+      tableData.value = res.data.records;
+      page.total = res.data.total;
+    }
+  });
+};
+// 查询
+const handleSearch = () => {
+  getList();
+};
+// 重置
+const handleReSearch = () => {
+  page = {
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  };
+  formData = {
+    cklx: "",
+    wzmc: "",
+    dqspjd: "",
+    spjd: ""
+  };
+  getList();
+};
+// 审核
+const handleProcess = () => {
+  router.push('outWarehouseAuditDetail')
+};
+// 查看
+const handleShow = () => {
+  router.push('outWarehouseAuditDetail')
+};
+
+getList();
 </script>
+
 <style lang="scss" scoped></style>

src/views/InformationFilling/enterWarehouseInfo/detail.vue

@@ -0,0 +1,129 @@
+<!-- 应急物资分类表 -->
+<template>
+  <basic-container>
+    <el-table :data="tableData" border>
+      <el-table-column prop="type" label="物资名称" align="center" width="120">
+        <template #default="scope">
+          <el-select v-model="scope.row.type" style="width:90px" size="small" clearable>
+            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value"/>
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column prop="type" label="单位" align="center" width="120">
+        <template #default="scope">
+          <el-select v-model="scope.row.type" style="width:90px" size="small" clearable>
+            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value"/>
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column prop="days" label="数量" align="center" width="114">
+        <template #default="scope">
+          <el-input v-model="scope.row.days" size="small"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="days" label="规格" align="center" width="114">
+        <template #default="scope">
+          <el-input v-model="scope.row.days" size="small"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="amount" label="入库日期" align="center" width="120">
+        <template #default="scope">
+          <el-input v-model="scope.row.amount" size="small"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="days" label="单价(元)" align="center" width="114">
+        <template #default="scope">
+          <el-input v-model="scope.row.days" size="small"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="days" label="价值(万元)" align="center" width="114">
+        <template #default="scope">
+          <el-input v-model="scope.row.days" size="small"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="type" label="是否可用" align="center" width="120">
+        <template #default="scope">
+          <el-select v-model="scope.row.type" style="width:90px" size="small" clearable>
+            <el-option v-for="item in transType" :key="item.value" :label="item.label" :value="item.value"/>
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column prop="days" label="附件上传" align="center" width="114">
+        <template #default="scope">
+          <el-input v-model="scope.row.days" size="small"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="days" label="备注" align="center" width="114">
+        <template #default="scope">
+          <el-input v-model="scope.row.days" size="small"></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" fixed="right" width="102">
+        <template #default="scope">
+          <el-button @click="deleteTableData(scope.$index)" type="danger" :icon="Delete" circle />
+          <el-button @click="addTableData(scope.$index)" type="success" :icon="Plus" circle />
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="operationbox">
+      <el-button type="success">保存</el-button>
+      <el-button type="primary">提交</el-button>
+      <el-button @click="returnPage">返回</el-button>
+    </div>
+  </basic-container>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Delete, Plus } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import router from '@/router';
+const transType = [
+  {value: 1, label: '1'},
+  {value: 2, label: '2'},
+  {value: 3, label: '3'},
+  {value: 4, label: '4'}
+]
+const tableData = ref([
+  {
+    type: 1,
+    days: '11',
+    amount: '111'
+  }
+])
+// 新增一行
+const addTableData = (rowIndex)=>{
+  const newRow = [
+    {
+      type: 3,
+      days: '22',
+      amount: '222'
+    }
+  ]
+  tableData.value.splice(rowIndex+1, 0, newRow);
+}
+// 删除
+const deleteTableData = (rowIndex) =>{
+  if(tableData.value.length > 1){
+    tableData.value.splice(rowIndex, 1);
+  }else{
+    ElMessage({
+      message: '最后一条不可删除！',
+      type: 'warning',
+    })
+  }
+}
+
+/** 返回 */
+const returnPage = (row: any) => {
+    router.push({
+        path: '/InformationFilling/enterWarehouseInfo',
+        query: row
+    })
+}
+</script>
+
+<style lang='scss' scoped>
+.operationbox{ text-align: center; margin-top: 30px;}
+</style>
+

src/views/InformationFilling/enterWarehouseInfo/index.vue

@@ -1,16 +1,94 @@
+<!-- 应急物资分类表 -->
 <template>
-  <div :style="'height:' + height">
-    <iframe style="width: 100%; height: 100%" :src="src" frameborder="no"></iframe>
-  </div>
+  <basic-container>
+    <el-form class="whole_form">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="入库名称">
+            <el-input />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="物资名称">
+            <el-input />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary">搜索</el-button>
+          <el-button>清空</el-button>
+          <el-button type="primary" :icon="Plus" @click="openDetail">新增</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table :data="tableData" style="width: 100%" stripe border>
+      <el-table-column type="index" label="序号" align="center" width="60" />
+      <el-table-column prop="dmUpname1" label="入库类型" align="center" />
+      <el-table-column prop="dmUpname2" label="物资大类" align="center" />
+      <el-table-column prop="moduleNum" label="物资类别" align="center" />
+      <el-table-column prop="dmUpname2" label="物资名称" align="center" />
+      <el-table-column prop="dmUpname3" label="数量" align="center" width="80" />
+      <el-table-column prop="dmUpname3" label="出库日期" align="center" />
+      <el-table-column prop="dmUpname3" label="是否可用" align="center" />
+      <el-table-column prop="dmUpname3" label="状态" align="center" />
+      <el-table-column prop="dmUpname3" label="提交时间" align="center" />
+      <el-table-column fixed="right" label="操作" width="150" align="center">
+        <template #default>
+          <el-button link type="success" size="small" @click="handleClick"
+            >查看</el-button
+          >
+          <el-button link type="primary" size="small">编辑</el-button>
+          <el-button link type="danger" size="small">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="page.total > 0"
+      v-model:page="page.currentPage"
+      v-model:limit="page.pageSize"
+      :total="page.total"
+      @pagination="getList"
+    />
+  </basic-container>
 </template>
+
 <script setup lang="ts">
-import { ref } from "vue";
-import cache from "@/utils/cache";
+import { Plus } from '@element-plus/icons-vue'
+import { ref, reactive } from "vue";
+import { getSuppliesType } from "@/api/dataStatistics/index";
+import router from '@/router';
+
+const tableData: any = ref([]);
+const page = reactive({
+  currentPage: 1,
+  pageSize: 10,
+  total: 0
+});
+const handleClick = () => {
+  console.log('click')
+}
+/** 添加/修改操作 */
+const openDetail = (row: any) => {
+    router.push({
+        path: '/InformationFilling/enterWarehouseInfoDetail',
+        query: row
+    })
+}
+const getList = () => {
+  const data = reactive({
+    size: page.pageSize,
+    current: page.currentPage,
+    params: {}
+  });
+  getSuppliesType(data).then((res: any) => {
+    console.log(res);
+    if (res.code === 0) {
+      tableData.value = res.data.records;
+      page.total = res.data.total;
+    }
+  });
+};
 
-const userId = cache.session.get("userId");
-const src = ref(
-  `http://124.70.31.38:49878/irpt/oemlogin.do?id=${userId}&pw=123456&target=task&task={3785A4AB-7C0C-486F-B75B-28A4FE8AA304}.cc3e38dcc133e8750dd3cf5d719ef29e`
-);
-const height = ref(document.documentElement.clientHeight - 94.5 + "px");
+getList();
 </script>
+
 <style lang="scss" scoped></style>