diff --git a/hb_client/src/api/pum.js b/hb_client/src/api/pum.js
new file mode 100644
index 0000000..2a807b4
--- /dev/null
+++ b/hb_client/src/api/pum.js
@@ -0,0 +1,61 @@
+import request from '@/utils/request'
+
+export function getPuorderList(query) {
+  return request({
+    url: '/pum/pu_order/',
+    method: 'get',
+    params: query
+  })
+}
+export function createPuorder(data) {
+  return request({
+    url: '/pum/pu_order/',
+    method: 'post',
+    data
+  })
+}
+export function updatePuorder(id, data) {
+  return request({
+    url: `/pum/pu_order/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deletePuorder(id, data) {
+  return request({
+    url: `/pum/pu_order/${id}/`,
+    method: 'delete',
+    data
+  })
+}
+//采购订单审核
+export function createPuorderAudit(id,data) {
+  return request({
+    url: `/pum/pu_order/${id}/audit/`,
+    method: 'post',
+    data
+  })
+}
+//采购订单条目
+export function getPuorderItemList(query) {
+  return request({
+    url: '/pum/pu_order_item/',
+    method: 'get',
+    params: query
+  })
+}
+export function createPuorderItem(data) {
+  return request({
+    url: '/pum/pu_order_item/',
+    method: 'post',
+    data
+  })
+}
+//采购订单条目删除
+export function deletePuorderItem(id, data) {
+  return request({
+    url: `/pum/pu_order_item/${id}/`,
+    method: 'delete',
+    data
+  })
+}
\ No newline at end of file
diff --git a/hb_client/src/router/index.js b/hb_client/src/router/index.js
index 980eabf..e793c8d 100644
--- a/hb_client/src/router/index.js
+++ b/hb_client/src/router/index.js
@@ -508,10 +508,17 @@ export const asyncRoutes = [
           meta: { title: '供应商', icon: 'example', perms: ['vendor_manage'] }
         },
         {
-          path: 'vendor',
-          name: 'vendor',
-          component: () => import('@/views/procurement/vendor'),
+          path: 'puorder',
+          name: 'puorder',
+          component: () => import('@/views/procurement/puorder'),
           meta: { title: '采购订单', icon: 'example', perms: ['vendor_manage'] }
+        },
+        {
+          path: 'puorderitem/:id',
+          name: 'puorderitem',
+          component: () => import('@/views/procurement/puorderitem'),
+          meta: { title: '采购订单项', perms: ['vendor_manage'] },
+          hidden: true
         }
       ]
     },
diff --git a/hb_client/src/views/procurement/puorder.vue b/hb_client/src/views/procurement/puorder.vue
new file mode 100644
index 0000000..6a28a35
--- /dev/null
+++ b/hb_client/src/views/procurement/puorder.vue
@@ -0,0 +1,292 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div>
+        <el-button type="primary" icon="el-icon-plus" @click="handleCreate"
+          >新增采购订单</el-button
+        >
+
+        <el-input
+          v-model="listQuery.search"
+          placeholder="采购订单编号、供应商名称"
+          style="width: 300px"
+          class="filter-item"
+          @keyup.enter.native="handleFilter"
+        />
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-search"
+          @click="handleFilter"
+          >搜索</el-button
+        >
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-refresh-left"
+          @click="resetFilter"
+          >重置</el-button
+        >
+      </div>
+    </el-card>
+    <el-card style="margin-top: 2px">
+      <el-table
+        v-loading="listLoading"
+        :data="puorderList.results"
+        border
+        fit
+        stripe
+        highlight-current-row
+        max-height="700"
+        height="100"
+        v-el-height-adaptive-table="{ bottomOffset: 43 }"
+      >
+        <el-table-column type="index" width="50" />
+        <el-table-column label="采购订单编号">
+          <template slot-scope="scope">{{ scope.row.number }}</template>
+        </el-table-column>
+        <el-table-column label="供应商">
+          <template slot-scope="scope" v-if="scope.row.vendor_">{{
+            scope.row.vendor_.name
+          }}</template>
+        </el-table-column>
+        <el-table-column label="审核情况" width="150">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.is_audited == false">未审核</el-tag>
+            <el-tag v-else-if="scope.row.is_audited == true">已审核</el-tag>
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" label="操作" width="220px">
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['vendor_update'])"
+                type="primary"
+              @click="handlePuOrderItem(scope)"
+              >订单项</el-link
+            >
+            <el-link
+              v-if="
+                checkPermission(['vendor_update']) &&
+                scope.row.is_audited == false
+              "
+                type="primary"
+              @click="handleAudit(scope)"
+              >审核</el-link
+            >
+            <el-link
+              v-if="checkPermission(['vendor_update'])"
+                type="primary"
+              @click="handleEdit(scope)"
+              >编辑</el-link
+            >
+            <el-link
+              v-if="checkPermission(['vendor_delete'])"
+              type="danger"
+              @click="handleDelete(scope)"
+              >删除</el-link
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="puorderList.count > 0"
+        :total="puorderList.count"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.page_size"
+        @pagination="getList"
+      />
+    </el-card>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑采购订单' : '新增采购订单'"
+    >
+      <el-form
+        ref="Form"
+        :model="puorder"
+        label-width="120px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="订单编号" prop="number">
+          <el-input v-model="puorder.number" placeholder="订单编号" />
+        </el-form-item>
+
+        <el-form-item label="供应商" prop="vendor">
+          <el-select
+            style="width: 100%"
+            v-model="puorder.vendor"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in vendorList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getpVendorList } from "@/api/vendor";
+import { getUserList } from "@/api/user";
+import {
+  getPuorderList,
+  createPuorder,
+  updatePuorder,
+  deletePuorder,
+  createPuorderAudit,
+  createPuorderItem,
+  deletePuorderItem,
+} from "@/api/pum";
+import checkPermission from "@/utils/permission";
+
+import { genTree } from "@/utils";
+import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+const defaultpuorder = {
+  number: "",
+};
+export default {
+  components: { Pagination },
+  data() {
+    return {
+      puorder: defaultpuorder,
+      puorderList: {
+        count: 0,
+      },
+
+      listQuery: {
+        page: 1,
+        page_size: 20,
+      },
+      vendorList: [],
+      dialogVisible: false,
+      dialogType: "new",
+      rule1: {
+        number: [{ required: true, message: "请输入", trigger: "blur" }],
+        vendor: [
+          { required: true, message: "请选择供应商", trigger: "change" },
+        ],
+      },
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+    this.getList();
+    this.getVendorList();
+  },
+  methods: {
+    checkPermission,
+    //采购订单
+    getList() {
+      this.listLoading = true;
+      getPuorderList(this.listQuery).then((response) => {
+        if (response.data) {
+          this.puorderList = response.data;
+        }
+        this.listLoading = false;
+      });
+    },
+    //供应商列表
+    getVendorList() {
+      getpVendorList({ page: 0 }).then((response) => {
+        if (response.data) {
+          this.vendorList = response.data;
+        }
+      });
+    },
+    handleFilter() {
+      this.listQuery.page = 1;
+      this.getList();
+    },
+    resetFilter() {
+      this.listQuery = {
+        page: 1,
+        page_size: 20,
+      };
+      this.getList();
+    },
+    handleCreate() {
+      this.puorder = Object.assign({}, defaultpuorder);
+      this.dialogType = "new";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+
+    handleEdit(scope) {
+      this.puorder = Object.assign({}, scope.row); // copy obj
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deletePuorder(scope.row.id);
+          this.getList();
+          this.$message.success("成功");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+
+    async confirm(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          const isEdit = this.dialogType === "edit";
+          if (isEdit) {
+            updatePuorder(this.puorder.id, this.puorder).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                this.dialogVisible = false;
+                this.$message.success("成功");
+              }
+            });
+          } else {
+            createPuorder(this.puorder).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                this.dialogVisible = false;
+                this.$message.success("成功");
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    handlePuOrderItem(scope) {
+      this.$router.push({ name: "puorderitem", params: { id: scope.row.id } });
+    },
+    handleAudit(scope) {
+
+      createPuorderAudit(scope.row.id).then((res) => {
+        if (res.code >= 200) {
+          this.getList();
+         
+          this.$message.success("审核成功!");
+        }
+      });
+    },
+  },
+};
+</script>
diff --git a/hb_client/src/views/procurement/puorderitem.vue b/hb_client/src/views/procurement/puorderitem.vue
new file mode 100644
index 0000000..3a8b9d3
--- /dev/null
+++ b/hb_client/src/views/procurement/puorderitem.vue
@@ -0,0 +1,197 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div>
+        <el-button type="primary" icon="el-icon-plus" @click="handleCreate"
+          >新增采购订单项</el-button
+        >
+      </div>
+    </el-card>
+    <el-card style="margin-top: 2px">
+      <el-table
+        v-loading="listLoading"
+        :data="puorderTtemList.results"
+        border
+        fit
+        stripe
+        highlight-current-row
+        max-height="700"
+        height="100"
+        v-el-height-adaptive-table="{ bottomOffset: 43 }"
+      >
+        <el-table-column type="index" width="50" />
+    <el-table-column label="物料名称">
+          <template slot-scope="scope">{{ scope.row.material_.name }}</template>
+        </el-table-column>
+ <el-table-column label="物料型号">
+          <template slot-scope="scope">{{ scope.row.material_.specification }}</template>
+        </el-table-column>
+        
+  <el-table-column label="采购数量">
+          <template slot-scope="scope">{{ scope.row.count }}</template>
+        </el-table-column>
+         <el-table-column label="已到货数量">
+          <template slot-scope="scope">{{ scope.row.delivered_count }}</template>
+        </el-table-column>
+  <el-table-column label="截止到货时间">
+          <template slot-scope="scope">{{ scope.row.delivery_date }}</template>
+        </el-table-column>
+        
+        <el-table-column align="center" label="操作" width="220px">
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['vendor_delete'])"
+              type="danger"
+              @click="handleDelete(scope)"
+              >删除</el-link
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="puorderTtemList.count > 0"
+        :total="puorderTtemList.count"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.page_size"
+        @pagination="getList"
+      />
+    </el-card>
+    <el-dialog :visible.sync="dialogVisible" title="新增采购订单项">
+      <el-form
+        ref="Form"
+        :model="puorderTtem"
+        label-width="120px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="所需数量" prop="number">
+          <el-input v-model="puorderTtem.count" placeholder="所需数量" />
+        </el-form-item>
+       <el-form-item label="截止到货时间" prop="delivery_date">
+           <el-date-picker
+            v-model="puorderTtem.delivery_date"
+            type="date"
+            placeholder="选择日期"
+            value-format="yyyy-MM-dd"
+            style="width: 100%"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item class="material" label="采购物料：" :prop="material">
+          <el-select v-model="puorderTtem.material" filterable size="small">
+            <el-option
+              v-for="item in materialoptions"
+              :key="item.id"
+              :value="item.id"
+              :label="item.name"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getpVendorList } from "@/api/vendor";
+import { getMaterialList } from "@/api/mtm";
+
+import {
+  getPuorderItemList,
+  createPuorderItem,
+  deletePuorderItem,
+} from "@/api/pum";
+import checkPermission from "@/utils/permission";
+
+import { genTree } from "@/utils";
+import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+const defaultpuorderItem = {
+  pu_order:null,
+};
+export default {
+  components: { Pagination },
+  data() {
+    return {
+      puorderTtem: defaultpuorderItem,
+      puorderTtemList: {
+        count: 0,
+      },
+      materialoptions: [],
+       listQuery: {
+        page: 1,
+        page_size: 20,
+      },
+      dialogVisible:false,
+       rule1: {
+        delivery_date: [{ required: true, message: "请选择日期", trigger: "blur" }],
+        material: [
+          { required: true, message: "请选择物料", trigger: "change" },
+        ],
+      },
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+    this.id = this.$route.params.id;
+    this.getList();
+    this.getmaterialList();
+  },
+  methods: {
+    checkPermission,
+    //采购订单列表
+    getList() {
+      this.listQuery.pu_order= this.id;
+      getPuorderItemList(this.listQuery).then((response) => {
+        if (response.data) {
+          this.puorderTtemList = response.data;
+        }
+      });
+    },
+    //物料
+    getmaterialList() {
+      getMaterialList({ page: 0 }).then((response) => {
+        if (response.data) {
+          this.materialoptions = response.data;
+        }
+      });
+    },
+    handleCreate() {
+      this.puorderTtem = Object.assign({}, defaultpuorderItem);
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    async confirm() {
+      this.puorderTtem.pu_order=this.id
+      createPuorderItem(this.puorderTtem).then((res) => {
+        if (res.code >= 200) {
+          this.getList();
+          this.dialogVisible = false;
+          this.$message.success("成功");
+        }
+      });
+    },
+      handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deletePuorderItem(scope.row.id);
+          this.getList();
+          this.$message.success("成功");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+  },
+};
+</script>
diff --git a/hb_client/src/views/procurement/vendor.vue b/hb_client/src/views/procurement/vendor.vue
index bf1a781..fcfc435 100644
--- a/hb_client/src/views/procurement/vendor.vue
+++ b/hb_client/src/views/procurement/vendor.vue
@@ -8,7 +8,7 @@
   
       <el-input
               v-model="listQuery.search"
-              placeholder="供应商名称"
+              placeholder="采购订单编号、供应商名称"
               style="width: 300px"
               class="filter-item"
               @keyup.enter.native="handleFilter"
@@ -75,6 +75,7 @@
            
             <el-link
               v-if="checkPermission(['vendor_update'])"
+                type="primary"
               @click="handleEdit(scope)"
               >编辑</el-link
             >