diff --git a/src/api/resource/addPurchaseApplyApi.js b/src/api/resource/addPurchaseApplyApi.js
new file mode 100644
index 0000000..14b374f
--- /dev/null
+++ b/src/api/resource/addPurchaseApplyApi.js
@@ -0,0 +1,110 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取仓库列表
+export function listStorehouses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceStore.listStorehouses',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取物品类型列表
+export function listResourceStoreTypes(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceStoreType.listResourceStoreTypes',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取供应商列表
+export function listResourceSuppliers(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceSupplier.listResourceSuppliers',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询第一审批人
+export function queryFirstAuditStaff(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow.queryFirstAuditStaff',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询员工信息
+export function queryStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 提交采购申请
+export function purchaseApply(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/purchase/purchaseApply',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/resource/purchaseApplyDetailApi.js b/src/api/resource/purchaseApplyDetailApi.js
new file mode 100644
index 0000000..e1f7c97
--- /dev/null
+++ b/src/api/resource/purchaseApplyDetailApi.js
@@ -0,0 +1,113 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取采购申请详情列表
+export function listPurchaseApplys(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/purchaseApply.listPurchaseApplys',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 审核采购申请
+export function auditApplyOrder(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/purchaseApply.auditApplyOrder',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作流审核信息
+export function listWorkflowAuditInfo(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow.listWorkflowAuditInfo',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询下一处理人
+export function queryNextDealUser(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow.queryNextDealUser',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取组织树
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询员工信息
+export function queryStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/resource/purchaseApplyManageApi.js b/src/api/resource/purchaseApplyManageApi.js
new file mode 100644
index 0000000..a945ac0
--- /dev/null
+++ b/src/api/resource/purchaseApplyManageApi.js
@@ -0,0 +1,97 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取采购申请列表
+export function listPurchaseApplys(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/purchaseApply.listPurchaseApplys',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新采购申请
+export function updatePurchaseApply(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/purchaseApply.updatePurchaseApply',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除采购申请
+export function deletePurchaseApply(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/purchaseApply.deletePurchaseApply',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作流图片
+export function getWorkflowImage(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow.listRunWorkflowImage',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 导出数据
+export function exportData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/resource/resourceSupplierManageApi.js b/src/api/resource/resourceSupplierManageApi.js
new file mode 100644
index 0000000..45b8fff
--- /dev/null
+++ b/src/api/resource/resourceSupplierManageApi.js
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+// 获取供应商列表
+export function listResourceSuppliers(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceSupplier.listResourceSuppliers',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取供应商列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加供应商
+export function saveResourceSupplier(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceSupplier.saveResourceSupplier',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '添加供应商失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新供应商
+export function updateResourceSupplier(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceSupplier.updateResourceSupplier',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新供应商失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除供应商
+export function deleteResourceSupplier(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceSupplier.deleteResourceSupplier',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除供应商失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/resource/urgentPurchaseApplyStepApi.js b/src/api/resource/urgentPurchaseApplyStepApi.js
new file mode 100644
index 0000000..606e813
--- /dev/null
+++ b/src/api/resource/urgentPurchaseApplyStepApi.js
@@ -0,0 +1,65 @@
+import request from '@/utils/request'
+
+// 获取仓库列表
+export function listStorehouses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceStore.listStorehouses',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取物品类型列表
+export function listResourceStoreTypes(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceStoreType.listResourceStoreTypes',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取物品列表
+export function listResourceStores(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceStore.listResourceStores',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 提交紧急采购申请
+export function urgentPurchaseApply(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/purchase/urgentPurchaseApply',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/user/userApi.js b/src/api/user/userApi.js
new file mode 100644
index 0000000..3a574d8
--- /dev/null
+++ b/src/api/user/userApi.js
@@ -0,0 +1,17 @@
+export function getUserId() {
+    const userInfo = JSON.parse(localStorage.getItem('user'))
+
+    return userInfo.userId
+}
+
+export function getUserName() {
+    const userInfo = JSON.parse(localStorage.getItem('user'))
+
+    return userInfo.name
+}
+
+export function getUserTel() {
+    const userInfo = JSON.parse(localStorage.getItem('user'))
+
+    return userInfo.tel
+}
\ No newline at end of file
diff --git a/src/components/resource/AddResourceSupplier.vue b/src/components/resource/AddResourceSupplier.vue
new file mode 100644
index 0000000..ffd7d7c
--- /dev/null
+++ b/src/components/resource/AddResourceSupplier.vue
@@ -0,0 +1,166 @@
+<template>
+  <el-dialog
+    :title="$t('addResourceSupplier.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+      <el-form-item
+        :label="$t('addResourceSupplier.supplierName')"
+        prop="supplierName"
+      >
+        <el-input
+          v-model="form.supplierName"
+          :placeholder="$t('addResourceSupplier.required')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('addResourceSupplier.supplierAddress')"
+        prop="address"
+      >
+        <el-input
+          v-model="form.address"
+          :placeholder="$t('addResourceSupplier.required')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('addResourceSupplier.supplierContact')"
+        prop="tel"
+      >
+        <el-input
+          v-model="form.tel"
+          :placeholder="$t('addResourceSupplier.required')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('addResourceSupplier.contactName')"
+        prop="contactName"
+      >
+        <el-input
+          v-model="form.contactName"
+          :placeholder="$t('addResourceSupplier.required')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('addResourceSupplier.bank')" prop="accountBank">
+        <el-input
+          v-model="form.accountBank"
+          :placeholder="$t('addResourceSupplier.optional')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('addResourceSupplier.bankAccount')"
+        prop="bankAccountNumber"
+      >
+        <el-input
+          v-model="form.bankAccountNumber"
+          :placeholder="$t('addResourceSupplier.optional')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('addResourceSupplier.remark')" prop="remark">
+        <el-input
+          v-model="form.remark"
+          :placeholder="$t('addResourceSupplier.optional')"
+        />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('addResourceSupplier.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('addResourceSupplier.save') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveResourceSupplier } from '@/api/resource/resourceSupplierManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddResourceSupplier',
+  data() {
+    return {
+      visible: false,
+      form: {
+        supplierName: '',
+        address: '',
+        tel: '',
+        contactName: '',
+        accountBank: '',
+        bankAccountNumber: '',
+        remark: ''
+      },
+      rules: {
+        supplierName: [
+          { required: true, message: this.$t('addResourceSupplier.required'), trigger: 'blur' },
+          { max: 100, message: '长度不能超过100个字符', trigger: 'blur' }
+        ],
+        address: [
+          { required: true, message: this.$t('addResourceSupplier.required'), trigger: 'blur' },
+          { max: 100, message: '长度不能超过100个字符', trigger: 'blur' }
+        ],
+        tel: [
+          { required: true, message: this.$t('addResourceSupplier.required'), trigger: 'blur' }
+        ],
+        contactName: [
+          { required: true, message: this.$t('addResourceSupplier.required'), trigger: 'blur' },
+          { max: 50, message: '长度不能超过50个字符', trigger: 'blur' }
+        ],
+        accountBank: [
+          { max: 150, message: '长度不能超过150个字符', trigger: 'blur' }
+        ],
+        bankAccountNumber: [
+          { max: 200, message: '长度不能超过200个字符', trigger: 'blur' }
+        ],
+        remark: [
+          { max: 512, message: '长度不能超过512个字符', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.resetForm()
+    },
+    resetForm() {
+      this.form = {
+        supplierName: '',
+        address: '',
+        tel: '',
+        contactName: '',
+        accountBank: '',
+        bankAccountNumber: '',
+        remark: ''
+      }
+      this.$nextTick(() => {
+        this.$refs.form.clearValidate()
+      })
+    },
+    handleClose() {
+      this.resetForm()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            const params = {
+              ...this.form,
+              communityId: getCommunityId()
+            }
+            await saveResourceSupplier(params)
+            this.$message.success(this.$t('common.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message)
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/resource/DeleteResourceSupplier.vue b/src/components/resource/DeleteResourceSupplier.vue
new file mode 100644
index 0000000..9a7f7cf
--- /dev/null
+++ b/src/components/resource/DeleteResourceSupplier.vue
@@ -0,0 +1,60 @@
+<template>
+  <el-dialog
+    :title="$t('deleteResourceSupplier.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>{{ $t('deleteResourceSupplier.confirmDelete') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('deleteResourceSupplier.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleConfirm">
+        {{ $t('deleteResourceSupplier.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteResourceSupplier } from '@/api/resource/resourceSupplierManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteResourceSupplier',
+  data() {
+    return {
+      visible: false,
+      form: {
+        rsId: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.visible = true
+      this.form.rsId = row.rsId
+    },
+    handleClose() {
+      this.form.rsId = ''
+    },
+    async handleConfirm() {
+      try {
+        const params = {
+          rsId: this.form.rsId,
+          communityId: getCommunityId()
+        }
+        await deleteResourceSupplier(params)
+        this.$message.success(this.$t('common.success'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/resource/EditResourceSupplier.vue b/src/components/resource/EditResourceSupplier.vue
new file mode 100644
index 0000000..803a986
--- /dev/null
+++ b/src/components/resource/EditResourceSupplier.vue
@@ -0,0 +1,168 @@
+<template>
+  <el-dialog
+    :title="$t('editResourceSupplier.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+      <el-form-item
+        :label="$t('editResourceSupplier.supplierName')"
+        prop="supplierName"
+      >
+        <el-input
+          v-model="form.supplierName"
+          :placeholder="$t('editResourceSupplier.required')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('editResourceSupplier.supplierAddress')"
+        prop="address"
+      >
+        <el-input
+          v-model="form.address"
+          :placeholder="$t('editResourceSupplier.required')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('editResourceSupplier.supplierContact')"
+        prop="tel"
+      >
+        <el-input
+          v-model="form.tel"
+          :placeholder="$t('editResourceSupplier.required')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('editResourceSupplier.contactName')"
+        prop="contactName"
+      >
+        <el-input
+          v-model="form.contactName"
+          :placeholder="$t('editResourceSupplier.required')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('editResourceSupplier.bank')" prop="accountBank">
+        <el-input
+          v-model="form.accountBank"
+          :placeholder="$t('editResourceSupplier.optional')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('editResourceSupplier.bankAccount')"
+        prop="bankAccountNumber"
+      >
+        <el-input
+          v-model="form.bankAccountNumber"
+          :placeholder="$t('editResourceSupplier.optional')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('editResourceSupplier.remark')" prop="remark">
+        <el-input
+          v-model="form.remark"
+          :placeholder="$t('editResourceSupplier.optional')"
+        />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('editResourceSupplier.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('editResourceSupplier.save') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateResourceSupplier } from '@/api/resource/resourceSupplierManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditResourceSupplier',
+  data() {
+    return {
+      visible: false,
+      form: {
+        rsId: '',
+        supplierName: '',
+        address: '',
+        tel: '',
+        contactName: '',
+        accountBank: '',
+        bankAccountNumber: '',
+        remark: ''
+      },
+      rules: {
+        rsId: [
+          { required: true, message: '供应商编号不能为空', trigger: 'blur' }
+        ],
+        supplierName: [
+          { required: true, message: this.$t('editResourceSupplier.required'), trigger: 'blur' },
+          { max: 100, message: '长度不能超过100个字符', trigger: 'blur' }
+        ],
+        address: [
+          { required: true, message: this.$t('editResourceSupplier.required'), trigger: 'blur' },
+          { max: 100, message: '长度不能超过100个字符', trigger: 'blur' }
+        ],
+        tel: [
+          { required: true, message: this.$t('editResourceSupplier.required'), trigger: 'blur' }
+        ],
+        contactName: [
+          { required: true, message: this.$t('editResourceSupplier.required'), trigger: 'blur' },
+          { max: 50, message: '长度不能超过50个字符', trigger: 'blur' }
+        ],
+        accountBank: [
+          { max: 150, message: '长度不能超过150个字符', trigger: 'blur' }
+        ],
+        bankAccountNumber: [
+          { max: 200, message: '长度不能超过200个字符', trigger: 'blur' }
+        ],
+        remark: [
+          { max: 512, message: '长度不能超过512个字符', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.visible = true
+      this.form = { ...row }
+      this.$nextTick(() => {
+        this.$refs.form.clearValidate()
+      })
+    },
+    handleClose() {
+      this.form = {
+        rsId: '',
+        supplierName: '',
+        address: '',
+        tel: '',
+        contactName: '',
+        accountBank: '',
+        bankAccountNumber: '',
+        remark: ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            const params = {
+              ...this.form,
+              communityId: getCommunityId()
+            }
+            await updateResourceSupplier(params)
+            this.$message.success(this.$t('common.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message)
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/resource/auditDiv.vue b/src/components/resource/auditDiv.vue
new file mode 100644
index 0000000..1c5dc4b
--- /dev/null
+++ b/src/components/resource/auditDiv.vue
@@ -0,0 +1,143 @@
+<template>
+  <el-dialog :title="$t('auditDiv.workOrderProcessing')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('auditDiv.action')" prop="auditCode">
+        <el-select v-model="formData.auditCode" :placeholder="$t('auditDiv.pleaseSelect')" style="width: 100%">
+          <el-option value="" disabled :label="$t('auditDiv.pleaseSelect')"></el-option>
+          <el-option v-if="nextAudit.next || nextAudit.exit" value="1100" :label="$t('auditDiv.agree')"></el-option>
+          <el-option v-if="nextAudit.back" value="1200" :label="$t('auditDiv.return')"></el-option>
+          <el-option v-if="nextAudit.backIndex" value="1400" :label="$t('auditDiv.returnToSubmitter')"></el-option>
+          <el-option value="1300" :label="$t('auditDiv.transfer')"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('auditDiv.workOrderDescription')" prop="auditMessage">
+        <el-input type="textarea" :placeholder="$t('auditDiv.requiredDescription')" v-model="formData.auditMessage"
+          :rows="4"></el-input>
+      </el-form-item>
+
+      <el-form-item v-if="(formData.auditCode === '1100' && nextAudit.assignee === '-2') || formData.auditCode === '1300'"
+        :label="$t('auditDiv.nextHandler')" prop="staffName">
+        <el-input v-model="formData.staffName" :placeholder="$t('auditDiv.requiredNextHandler')" disabled
+          style="width: calc(100% - 100px); margin-right: 10px;"></el-input>
+        <el-button @click="chooseStaff">
+          <i class="el-icon-search"></i>
+          {{ $t('auditDiv.select') }}
+        </el-button>
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { queryNextDealUser,auditApplyOrder } from '@/api/resource/purchaseApplyDetailApi'
+//import SelectStaff from '@/components/resource/selectStaff'
+
+export default {
+  name: 'AuditDiv',
+  components: {
+   // SelectStaff
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        auditCode: '',
+        auditMessage: '',
+        staffId: '',
+        staffName: '',
+        taskId: '',
+        flowId: '',
+        id: ''
+      },
+      nextAudit: {},
+      createUserId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData.taskId = data.taskId
+      this.formData.flowId = data.flowId
+      this.formData.id = data.id
+      this.createUserId = data.createUserId
+      this.visible = true
+      this.loadNextAuditPerson()
+    },
+    async loadNextAuditPerson() {
+      try {
+        const params = {
+          taskId: this.formData.taskId,
+          startUserId: this.createUserId
+        }
+        const res = await queryNextDealUser(params)
+        if (res.code === '0') {
+          this.nextAudit = res.data[0]
+        }
+      } catch (error) {
+        console.error('获取下一处理人失败:', error)
+      }
+    },
+    chooseStaff() {
+      this.$refs.selectStaff.open({
+        from: 'purchase',
+        call: (staff) => {
+          this.formData.staffId = staff.staffId
+          this.formData.staffName = staff.staffName
+        }
+      })
+    },
+    async handleSubmit() {
+      if (!this.formData.auditCode) {
+        this.$message.warning(this.$t('auditDiv.pleaseSelectStatus'))
+        return
+      }
+      if (!this.formData.auditMessage) {
+        this.$message.warning(this.$t('auditDiv.pleaseFillDescription'))
+        return
+      }
+      if (this.formData.auditCode !== '1200' &&
+        this.formData.auditCode !== '1400' &&
+        !this.formData.staffId) {
+        this.$message.warning(this.$t('auditDiv.pleaseSelectNextHandler'))
+        return
+      }
+
+      if (this.nextAudit.assignee !== '-2') {
+        this.formData.staffId = this.nextAudit.assignee
+      }
+
+      try {
+        const res = await auditApplyOrder(this.formData)
+        if (res.code === 0) {
+          this.$message.success(this.$t('auditDiv.submitSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        console.error('提交审核失败:', error)
+        this.$message.error(this.$t('auditDiv.submitFailed'))
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        auditCode: '',
+        auditMessage: '',
+        staffId: '',
+        staffName: '',
+        taskId: '',
+        flowId: '',
+        id: ''
+      }
+      this.nextAudit = {}
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/resource/chooseResourceStore2.vue b/src/components/resource/chooseResourceStore2.vue
new file mode 100644
index 0000000..04a7203
--- /dev/null
+++ b/src/components/resource/chooseResourceStore2.vue
@@ -0,0 +1,279 @@
+<template>
+  <el-dialog :title="$t('chooseResourceStore2.title')" :visible.sync="visible" width="80%" @close="handleClose">
+    <el-row>
+      <el-col :span="24">
+
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-select v-model="chooseResourceStoreInfo2.shId" disabled style="width:100%">
+                <el-option selected value="" :label="$t('chooseResourceStore2.selectWarehouse')"></el-option>
+                <el-option v-for="(item, index) in chooseResourceStoreInfo2.storehouses" :key="index" :label="item.shName"
+                  :value="item.shId">
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-select v-model="chooseResourceStoreInfo2.parentRstId" @change="_listResourceStoreSonTypes"
+                style="width:100%">
+                <el-option selected value="" :label="$t('chooseResourceStore2.selectItemType')"></el-option>
+                <el-option v-for="(item, index) in chooseResourceStoreInfo2.resourceStoreTypes" :key="index"
+                  :label="item.name" :value="item.rstId">
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-select v-model="chooseResourceStoreInfo2.rstId" style="width:100%;margin-right:10px">
+                <el-option selected value="" :label="$t('chooseResourceStore2.selectSubType')"></el-option>
+                <el-option v-for="(item, index) in chooseResourceStoreInfo2.resourceStoreSonTypes" :key="index"
+                  :label="item.name" :value="item.rstId">
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-input :placeholder="$t('chooseResourceStore2.inputItemName')"
+                v-model.trim="chooseResourceStoreInfo2._currentResourceStoreName"></el-input>
+            </el-col>
+            <el-col :span="4" style="text-align:right">
+              <el-button type="primary" @click="queryResourceStores" style="margin-right:10px">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button type="primary" @click="resetResourceStores">
+                <i class="el-icon-refresh"></i>
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+
+      </el-col>
+    </el-row>
+
+    <el-row style="margin-top:15px">
+      <el-col :span="24">
+
+          <el-table :data="chooseResourceStoreInfo2.resourceStores" border style="width:100%">
+            <el-table-column width="50">
+              <template slot-scope="scope">
+                <el-checkbox v-model="chooseResourceStoreInfo2.selectResourceStores"
+                  :label="scope.row.resId"></el-checkbox>
+              </template>
+            </el-table-column>
+            <el-table-column prop="shName" :label="$t('chooseResourceStore2.warehouse')" align="center"></el-table-column>
+            <el-table-column prop="type" :label="$t('chooseResourceStore2.itemType')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.parentRstName ? scope.row.parentRstName : '-' }} >
+                {{ scope.row.rstName ? scope.row.rstName : '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="resName" :label="$t('chooseResourceStore2.itemName')" align="center"></el-table-column>
+            <el-table-column prop="rssName" :label="$t('chooseResourceStore2.itemSpec')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.rssName ? scope.row.rssName : '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="resCode" :label="$t('chooseResourceStore2.itemCode')" align="center"></el-table-column>
+            <el-table-column prop="isFixedName" :label="$t('chooseResourceStore2.fixedItem')"
+              align="center"></el-table-column>
+            <el-table-column prop="price" :label="$t('chooseResourceStore2.itemPrice')" align="center"></el-table-column>
+            <el-table-column prop="stock" :label="$t('chooseResourceStore2.itemStock')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.stock }}{{ scope.row.unitCodeName }}
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+            :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+            @current-change="handleCurrentChange" style="margin-top:20px"></el-pagination>
+
+          <div v-if="chooseResourceStoreInfo2.resourceStores.length > 0" style="margin-top:20px;text-align:right">
+            <el-button type="primary" @click="getSelectResourceStores">
+              <i class="el-icon-check"></i>
+              {{ $t('common.submit') }}
+            </el-button>
+            <el-button type="warning" @click="handleClose" style="margin-right:20px">
+              <i class="el-icon-close"></i>
+              {{ $t('common.cancel') }}
+            </el-button>
+          </div>
+      </el-col>
+    </el-row>
+  </el-dialog>
+</template>
+
+<script>
+import { listStorehouses, listResourceStoreTypes } from '@/api/resource/addPurchaseApplyApi'
+import { listResourceStores } from '@/api/resource/resourceStoreManageApi'
+
+export default {
+  name: 'ChooseResourceStore2',
+  data() {
+    return {
+      visible: false,
+      chooseResourceStoreInfo2: {
+        resourceStores: [],
+        selectResourceStores: [],
+        _currentResourceStoreName: '',
+        parentRstId: '',
+        rstId: '',
+        shId: '',
+        resOrderType: '',
+        storehouses: [],
+        resourceStoreTypes: [],
+        resourceStoreSonTypes: []
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(params) {
+      this.visible = true
+      Object.assign(this.chooseResourceStoreInfo2, params)
+      this._listStorehouses()
+      this._listResourceStoreTypes()
+      this._loadAllResourceStoreInfo(this.page.current, this.page.size)
+    },
+    handleClose() {
+      this.visible = false
+      this.chooseResourceStoreInfo2 = {
+        resourceStores: [],
+        selectResourceStores: [],
+        _currentResourceStoreName: '',
+        parentRstId: '',
+        rstId: '',
+        shId: '',
+        resOrderType: '',
+        storehouses: [],
+        resourceStoreTypes: [],
+        resourceStoreSonTypes: []
+      }
+    },
+    async _loadAllResourceStoreInfo(_page, _row) {
+      const _resOrderType = this.chooseResourceStoreInfo2.resOrderType
+      let _shType = ''
+      if (_resOrderType == '20000') {
+        _shType = '2807'
+      }
+
+      try {
+        const res = await listResourceStores({
+            page: _page,
+            row: _row,
+            communityId: "",
+            resOrderType: _resOrderType,
+            shType: _shType,
+            resName: this.chooseResourceStoreInfo2._currentResourceStoreName,
+            parentRstId: this.chooseResourceStoreInfo2.parentRstId,
+            rstId: this.chooseResourceStoreInfo2.rstId,
+            shId: this.chooseResourceStoreInfo2.shId
+        })
+        const _resourceStoreInfo = res
+        this.chooseResourceStoreInfo2.resourceStores = _resourceStoreInfo.resourceStores
+        this.page.total = _resourceStoreInfo.records
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    async _listStorehouses() {
+      // const _resOrderType = this.chooseResourceStoreInfo2.resOrderType
+      // let _shType = ''
+      // if (_resOrderType == '20000') {
+      //   _shType = '2807'
+      // }
+
+      try {
+        const res = await listStorehouses({
+          page: 1,
+          row: 100,
+          communityId: "",
+          allowPurchase: 'ON'
+        })
+        this.chooseResourceStoreInfo2.storehouses = res.data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    async _listResourceStoreTypes() {
+      try {
+        const res = await listResourceStoreTypes({
+          page: 1,
+          row: 100,
+          communityId: "",
+          parentId: '0'
+        })
+        this.chooseResourceStoreInfo2.resourceStoreTypes = res.data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    async _listResourceStoreSonTypes() {
+      this.chooseResourceStoreInfo2.rstId = ''
+      this.chooseResourceStoreInfo2.resourceStoreSonTypes = []
+      if (this.chooseResourceStoreInfo2.parentRstId == '') {
+        return
+      }
+
+      try {
+        const res = await listResourceStoreTypes({
+          page: 1,
+          row: 100,
+          communityId: "",
+          parentId: this.chooseResourceStoreInfo2.parentRstId
+        })
+        this.chooseResourceStoreInfo2.resourceStoreSonTypes = res.data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    queryResourceStores() {
+      this.page.current = 1
+      this._loadAllResourceStoreInfo(this.page.current, this.page.size)
+    },
+    resetResourceStores() {
+      this.chooseResourceStoreInfo2.parentRstId = ""
+      this.chooseResourceStoreInfo2.rstId = ""
+      this.chooseResourceStoreInfo2._currentResourceStoreName = ""
+      this._loadAllResourceStoreInfo(this.page.current, this.page.size)
+    },
+    getSelectResourceStores() {
+      const selectResourceStores = this.chooseResourceStoreInfo2.selectResourceStores
+      const resourceStores = this.chooseResourceStoreInfo2.resourceStores
+      if (selectResourceStores.length < 1) {
+        this.$message.warning(this.$t('chooseResourceStore2.selectItemsRequired'))
+        return
+      }
+
+      let _resourceStores = []
+      for (let i = 0; i < selectResourceStores.length; i++) {
+        for (let j = 0; j < resourceStores.length; j++) {
+          if (selectResourceStores[i] == resourceStores[j].resId) {
+            resourceStores[j].remark = ''
+            _resourceStores.push(resourceStores[j])
+          }
+        }
+      }
+
+      this.$emit('setSelectResourceStores', _resourceStores)
+      this.handleClose()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._loadAllResourceStoreInfo(this.page.current, this.page.size)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._loadAllResourceStoreInfo(this.page.current, this.page.size)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-row {
+  margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/resource/chooseResourceStore4.vue b/src/components/resource/chooseResourceStore4.vue
new file mode 100644
index 0000000..f16aa6b
--- /dev/null
+++ b/src/components/resource/chooseResourceStore4.vue
@@ -0,0 +1,269 @@
+<template>
+  <el-dialog :title="$t('chooseResourceStore4.title')" :visible.sync="visible" width="80%" @close="handleClose">
+    <div class="filter-container">
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-select v-model="chooseResourceStoreInfo4.shId" disabled style="width:100%">
+            <el-option value="" :label="$t('chooseResourceStore4.selectWarehouse')" />
+            <el-option v-for="(item, index) in chooseResourceStoreInfo4.storehouses" :key="index" :label="item.shName"
+              :value="item.shId" />
+          </el-select>
+        </el-col>
+
+        <el-col :span="8">
+          <el-select v-model="chooseResourceStoreInfo4.parentRstId" @change="_listResourceStoreSonTypes"
+            style="width:100%">
+            <el-option value="" :label="$t('chooseResourceStore4.selectItemType')" />
+            <el-option v-for="(item, index) in chooseResourceStoreInfo4.resourceStoreTypes" :key="index" :label="item.name"
+              :value="item.rstId" />
+          </el-select>
+        </el-col>
+
+        <el-col :span="8">
+          <el-select v-model="chooseResourceStoreInfo4.rstId" style="width:100%;margin-right:10px">
+            <el-option value="" :label="$t('chooseResourceStore4.selectSubType')" />
+            <el-option v-for="(item, index) in chooseResourceStoreInfo4.resourceStoreSonTypes" :key="index"
+              :label="item.name" :value="item.rstId" />
+          </el-select>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20" style="margin-top:10px">
+        <el-col :span="8">
+          <el-input v-model.trim="chooseResourceStoreInfo4._currentResourceStoreName"
+            :placeholder="$t('chooseResourceStore4.inputItemName')" />
+        </el-col>
+        <el-col :span="16" style="text-align:right">
+          <el-button type="primary" @click="queryResourceStores">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="resetResourceStores">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </div>
+
+    <el-table :data="chooseResourceStoreInfo4.resourceStores" border style="width:100%;margin-top:15px">
+      <el-table-column width="50">
+        <template slot-scope="scope">
+          <el-checkbox v-model="chooseResourceStoreInfo4.selectResourceStores" :label="scope.row.resId" />
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="shName" :label="$t('chooseResourceStore4.warehouse')" align="center" />
+
+      <el-table-column :label="$t('chooseResourceStore4.itemType')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.parentRstName || '-' }} > {{ scope.row.rstName || '-' }}
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="resName" :label="$t('chooseResourceStore4.itemName')" align="center" />
+
+      <el-table-column prop="rssName" :label="$t('chooseResourceStore4.spec')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.rssName || '-' }}
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="resCode" :label="$t('chooseResourceStore4.code')" align="center" />
+
+      <el-table-column prop="isFixedName" :label="$t('chooseResourceStore4.fixedItem')" align="center" />
+
+      <el-table-column prop="price" :label="$t('chooseResourceStore4.price')" align="center" />
+
+      <el-table-column :label="$t('chooseResourceStore4.stock')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.stock }}{{ scope.row.unitCodeName }}
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+      :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+      @current-change="handleCurrentChange" style="margin-top:20px" />
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="getSelectResourceStores">
+        {{ $t('common.submit') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import * as api from '@/api/resource/urgentPurchaseApplyStepApi'
+
+export default {
+  name: 'ChooseResourceStore4',
+  props: {
+    resOrderType: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      chooseResourceStoreInfo4: {
+        resourceStores: [],
+        selectResourceStores: [],
+        _currentResourceStoreName: '',
+        parentRstId: '',
+        rstId: '',
+        shId: '',
+        storehouses: [],
+        resourceStoreTypes: [],
+        resourceStoreSonTypes: [],
+        resOrderType: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(params) {
+      this.visible = true
+      this.chooseResourceStoreInfo4.shId = params.shId
+      this.chooseResourceStoreInfo4.resOrderType = this.resOrderType
+      this._initData()
+    },
+    async _initData() {
+      this.chooseResourceStoreInfo4._currentResourceStoreName = ''
+      await this._listStorehouses()
+      await this._listResourceStoreTypes()
+      this._loadAllResourceStoreInfo(this.page.current, this.page.size)
+    },
+    handleClose() {
+      this.chooseResourceStoreInfo4.selectResourceStores = []
+    },
+    async _loadAllResourceStoreInfo(page, size) {
+      try {
+        let shType = ''
+        if (this.chooseResourceStoreInfo4.resOrderType === '20000') {
+          shType = '2807'
+        }
+
+        const params = {
+          page,
+          row: size,
+          resOrderType: this.chooseResourceStoreInfo4.resOrderType,
+          shType,
+          resName: this.chooseResourceStoreInfo4._currentResourceStoreName,
+          parentRstId: this.chooseResourceStoreInfo4.parentRstId,
+          rstId: this.chooseResourceStoreInfo4.rstId,
+          shId: this.chooseResourceStoreInfo4.shId
+        }
+
+        const { resourceStores, total } = await api.listResourceStores(params)
+        this.chooseResourceStoreInfo4.resourceStores = resourceStores
+        this.page.total = total
+      } catch (error) {
+        console.error('获取物品列表失败:', error)
+      }
+    },
+    async _listStorehouses() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          allowPurchase: 'ON'
+        }
+        const { data } = await api.listStorehouses(params)
+        this.chooseResourceStoreInfo4.storehouses = data
+      } catch (error) {
+        console.error('获取仓库列表失败:', error)
+      }
+    },
+    async _listResourceStoreTypes() {
+      try {
+        const communityId = await getCommunityId()
+        const params = {
+          page: 1,
+          row: 100,
+          communityId,
+          parentId: '0'
+        }
+        const { data } = await api.listResourceStoreTypes(params)
+        this.chooseResourceStoreInfo4.resourceStoreTypes = data
+      } catch (error) {
+        console.error('获取物品类型列表失败:', error)
+      }
+    },
+    async _listResourceStoreSonTypes() {
+      this.chooseResourceStoreInfo4.rstId = ''
+      if (!this.chooseResourceStoreInfo4.parentRstId) {
+        this.chooseResourceStoreInfo4.resourceStoreSonTypes = []
+        return
+      }
+
+      try {
+        const communityId = await getCommunityId()
+        const params = {
+          page: 1,
+          row: 100,
+          communityId,
+          parentId: this.chooseResourceStoreInfo4.parentRstId
+        }
+        const { data } = await api.listResourceStoreTypes(params)
+        this.chooseResourceStoreInfo4.resourceStoreSonTypes = data
+      } catch (error) {
+        console.error('获取物品子类型列表失败:', error)
+      }
+    },
+    queryResourceStores() {
+      this.page.current = 1
+      this._loadAllResourceStoreInfo(this.page.current, this.page.size)
+    },
+    resetResourceStores() {
+      this.chooseResourceStoreInfo4._currentResourceStoreName = ''
+      this.chooseResourceStoreInfo4.parentRstId = ''
+      this.chooseResourceStoreInfo4.rstId = ''
+      this.queryResourceStores()
+    },
+    getSelectResourceStores() {
+      const selectResourceStores = this.chooseResourceStoreInfo4.selectResourceStores
+      const resourceStores = this.chooseResourceStoreInfo4.resourceStores
+
+      if (selectResourceStores.length < 1) {
+        this.$message.warning(this.$t('chooseResourceStore4.selectItemsRequired'))
+        return
+      }
+
+      const _resourceStores = []
+      selectResourceStores.forEach(resId => {
+        const item = resourceStores.find(r => r.resId === resId)
+        if (item) {
+          item.remark = ''
+          _resourceStores.push(item)
+        }
+      })
+
+      this.$emit('setSelectResourceStores', _resourceStores)
+      this.visible = false
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._loadAllResourceStoreInfo(this.page.current, val)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._loadAllResourceStoreInfo(val, this.page.size)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.filter-container {
+  margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/resource/deletePurchaseApply.vue b/src/components/resource/deletePurchaseApply.vue
new file mode 100644
index 0000000..109bcc0
--- /dev/null
+++ b/src/components/resource/deletePurchaseApply.vue
@@ -0,0 +1,66 @@
+<template>
+  <el-dialog
+    :title="$t('purchaseApplyManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>{{ $t('purchaseApplyManage.delete.confirmText') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deletePurchaseApply } from '@/api/resource/purchaseApplyManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeletePurchaseApply',
+  data() {
+    return {
+      visible: false,
+      form: {
+        applyOrderId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        applyOrderId: data.applyOrderId,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.form = {
+        applyOrderId: '',
+        communityId: ''
+      }
+    },
+    async handleConfirm() {
+      try {
+        await deletePurchaseApply(this.form)
+        this.$message.success(this.$t('purchaseApplyManage.delete.success'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('删除失败:', error)
+        this.$message.error(this.$t('purchaseApplyManage.delete.error'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/resource/editPurchaseApply.vue b/src/components/resource/editPurchaseApply.vue
new file mode 100644
index 0000000..b4d245b
--- /dev/null
+++ b/src/components/resource/editPurchaseApply.vue
@@ -0,0 +1,90 @@
+<template>
+  <el-dialog
+    :title="$t('purchaseApplyManage.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('purchaseApplyManage.edit.state')" prop="state">
+        <el-select v-model="form.state" style="width:100%">
+          <el-option
+            :label="$t('purchaseApplyManage.edit.stateRequired')"
+            value=""
+            disabled
+          ></el-option>
+          <el-option
+            :label="$t('purchaseApplyManage.edit.stateOption1')"
+            value="1001"
+          ></el-option>
+          <el-option
+            :label="$t('purchaseApplyManage.edit.stateOption2')"
+            value="2002"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updatePurchaseApply } from '@/api/resource/purchaseApplyManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditPurchaseApply',
+  data() {
+    return {
+      visible: false,
+      form: {
+        applyOrderId: '',
+        state: '',
+        communityId: ''
+      },
+      rules: {
+        state: [
+          { required: true, message: this.$t('purchaseApplyManage.edit.stateRequired'), trigger: 'blur' },
+          { type: 'number', message: this.$t('purchaseApplyManage.edit.stateFormatError'), trigger: 'blur' }
+        ],
+        applyOrderId: [
+          { required: true, message: this.$t('purchaseApplyManage.edit.applyOrderIdRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        ...data,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.submitForm()
+        }
+      })
+    },
+    async submitForm() {
+      try {
+        await updatePurchaseApply(this.form)
+        this.$message.success(this.$t('common.saveSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('保存失败:', error)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/resource/orgTreeShow.vue b/src/components/resource/orgTreeShow.vue
new file mode 100644
index 0000000..079b966
--- /dev/null
+++ b/src/components/resource/orgTreeShow.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="org-tree-container">
+    <el-tree
+      ref="orgTree"
+      :data="orgTreeShowInfo.orgs"
+      :props="defaultProps"
+      node-key="id"
+      default-expand-all
+      highlight-current
+      @node-click="handleNodeClick"
+    ></el-tree>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OrgTreeShow',
+  props: {
+    callBackListener: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      orgTreeShowInfo: {
+        orgs: [],
+        orgId: '',
+        curOrg: {}
+      },
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      }
+    }
+  },
+  created() {
+    this._loadOrgsShow()
+  },
+  methods: {
+    refreshTree() {
+      this._loadOrgsShow()
+    },
+    async _loadOrgsShow() {
+      try {
+        const res = await this.$http.get('/org.listOrgTree', {
+          params: {
+            communityId: this.$store.getters.communityId
+          }
+        })
+        this.orgTreeShowInfo.orgs = res.data.data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    handleNodeClick(data) {
+      this.orgTreeShowInfo.curOrg = data
+      this.orgTreeShowInfo.curOrg.orgId = data.id
+      this.$emit('switchOrg', {
+        orgId: data.id,
+        orgName: data.text
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.org-tree-container {
+  padding: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/resource/selectStaff.vue b/src/components/resource/selectStaff.vue
new file mode 100644
index 0000000..ac7d358
--- /dev/null
+++ b/src/components/resource/selectStaff.vue
@@ -0,0 +1,160 @@
+<template>
+  <el-dialog :title="$t('selectStaff.title')" :visible.sync="visible" width="80%" @close="handleClose">
+    <el-row>
+      <el-col :span="24">
+        <el-card>
+          <el-row>
+            <el-col :span="12" class="border-right">
+              <div class="text-center">
+                <span>{{ $t('selectStaff.orgInfo') }}</span>
+              </div>
+              <div class="padding">
+                <org-tree-show ref="orgTreeShow" @switchOrg="handleSwitchOrg"></org-tree-show>
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="text-center">
+                <span>{{ $t('selectStaff.staffInfo') }}</span>
+              </div>
+              <div class="padding">
+                <div v-for="(item, index) in selectStaffInfo.staffs" :key="index" @click="_changeStaff(item)"
+                  :class="{ 'select': selectStaffInfo.curStaffId == item.staffId }"
+                  style="cursor:pointer;padding:10px;margin-bottom:5px;border-radius:4px">
+                  <div>
+                    <i class="el-icon-user margin-right-xs"></i>
+                    {{ item.name }}
+                  </div>
+                  <div>{{ item.tel }}</div>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <div
+      v-if="selectStaffInfo.staff.from == 'bpmn' || selectStaffInfo.staff.from == 'purchase' || selectStaffInfo.staff.from == 'contract'"
+      style="text-align:right;margin-top:20px">
+      <el-button type="text" @click="_firstUser">
+        {{ $t('selectStaff.submitter') }}
+      </el-button>
+      <el-button type="text" @click="_customUser">
+        {{ $t('selectStaff.dynamicAssign') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import OrgTreeShow from './orgTreeShow'
+import { queryStaffInfos } from '@/api/resource/addPurchaseApplyApi'
+
+export default {
+  name: 'SelectStaff',
+  components: {
+    OrgTreeShow
+  },
+  data() {
+    return {
+      visible: false,
+      selectStaffInfo: {
+        flowId: '',
+        flowName: '',
+        describle: '',
+        staffs: [],
+        curStaffId: '',
+        curStaffName: '',
+        staff: {}
+      }
+    }
+  },
+  methods: {
+    open(staff) {
+      this.visible = true
+      this.selectStaffInfo.staff = staff
+      this.$refs.orgTreeShow.refreshTree()
+    },
+    handleClose() {
+      this.visible = false
+      this.selectStaffInfo = {
+        flowId: '',
+        flowName: '',
+        describle: '',
+        staffs: [],
+        curStaffId: '',
+        curStaffName: '',
+        staff: {}
+      }
+    },
+    async loadStaff(_org) {
+      try {
+        const res = await queryStaffInfos({
+          page: 1,
+          row: 50,
+          orgId: _org.orgId
+        })
+        this.selectStaffInfo.staffs = res.data.staffs
+        if (res.data.staffs.length > 0) {
+          this.selectStaffInfo.curStaffId = res.data.staffs[0].orgId
+        }
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    _changeStaff(item) {
+      this.selectStaffInfo.curStaffId = item.staffId
+      this.$emit('change', {
+        userId: item.staffId,
+        userName: item.name,
+        tel: item.tel
+      })
+      this.handleClose()
+    },
+    _firstUser() {
+      this.$emit('change', {
+        userId: '${startUserId}',
+        userName: this.$t('selectStaff.submitter')
+      })
+      this.handleClose()
+    },
+    _customUser() {
+      this.$emit('change', {
+        userId: '${nextUserId}',
+        userName: this.$t('selectStaff.dynamicAssign')
+      })
+      this.handleClose()
+    },
+    handleSwitchOrg(org) {
+      this.loadStaff({
+        orgId: org.orgId,
+        orgName: org.orgName
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.border-right {
+  border-right: 1px solid #eee;
+}
+
+.padding {
+  padding: 15px;
+}
+
+.text-center {
+  text-align: center;
+  padding: 10px 0;
+  font-weight: bold;
+}
+
+.select {
+  background-color: #f5f7fa;
+}
+
+.margin-right-xs {
+  margin-right: 5px;
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 138d681..a29e99a 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -182,6 +182,12 @@ import { messages as resourceStoreSpecificationManageMessages } from '../views/r
 import { messages as resourceStoreManageMessages } from '../views/resource/resourceStoreManageLang'
 import { messages as inspectionPointMessages } from '../views/inspection/inspectionPointLang'
 import { messages as inspectionRouteMessages } from '../views/inspection/inspectionRouteLang'
+import { messages as resourceSupplierManageMessages } from '../views/resource/resourceSupplierManageLang'
+import { messages as purchaseApplyManageMessages } from '../views/resource/purchaseApplyManageLang'
+import { messages as addPurchaseApplyMessages } from '../views/resource/addPurchaseApplyLang'
+import { messages as urgentPurchaseApplyStepMessages } from '../views/resource/urgentPurchaseApplyStepLang'
+import { messages as purchaseApplyDetailMessages } from '../views/resource/purchaseApplyDetailLang'
+
 Vue.use(VueI18n)
 
 // 合并所有语言配置
@@ -367,6 +373,11 @@ const messages = {
     ...resourceStoreManageMessages.en,
     ...inspectionPointMessages.en,
     ...inspectionRouteMessages.en,
+    ...resourceSupplierManageMessages.en,
+    ...purchaseApplyManageMessages.en,
+    ...addPurchaseApplyMessages.en,
+    ...urgentPurchaseApplyStepMessages.en,
+    ...purchaseApplyDetailMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -549,6 +560,11 @@ const messages = {
      ...resourceStoreManageMessages.zh,
      ...inspectionPointMessages.zh,
      ...inspectionRouteMessages.zh,
+     ...resourceSupplierManageMessages.zh,
+     ...purchaseApplyManageMessages.zh,
+     ...addPurchaseApplyMessages.zh,
+     ...urgentPurchaseApplyStepMessages.zh,
+     ...purchaseApplyDetailMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 5472187..5a00a24 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -892,15 +892,40 @@ const routes = [
         component: () => import('@/views/resource/resourceStoreManageList.vue')
       },
       {
-        path:'/pages/inspection/inspectionPoint',
-        name:'/pages/inspection/inspectionPoint',
+        path: '/pages/inspection/inspectionPoint',
+        name: '/pages/inspection/inspectionPoint',
         component: () => import('@/views/inspection/inspectionPointList.vue')
-        },
-        {
-          path:'/pages/inspection/inspectionRoute',
-          name:'/pages/inspection/inspectionRoute',
-          component: () => import('@/views/inspection/inspectionRouteList.vue')
-          },
+      },
+      {
+        path: '/pages/inspection/inspectionRoute',
+        name: '/pages/inspection/inspectionRoute',
+        component: () => import('@/views/inspection/inspectionRouteList.vue')
+      },
+      {
+        path: '/pages/property/resourceSupplierManage',
+        name: '/pages/property/resourceSupplierManage',
+        component: () => import('@/views/resource/resourceSupplierManageList.vue')
+      },
+      {
+        path: '/pages/common/purchaseApplyManage',
+        name: '/pages/common/purchaseApplyManage',
+        component: () => import('@/views/resource/purchaseApplyManageList.vue')
+      },
+      {
+        path: '/views/resource/addPurchaseApply',
+        name: '/views/resource/addPurchaseApply',
+        component: () => import('@/views/resource/addPurchaseApplyList.vue')
+      },
+      {
+        path: '/views/resource/urgentPurchaseApplyStep',
+        name: '/views/resource/urgentPurchaseApplyStep',
+        component: () => import('@/views/resource/urgentPurchaseApplyStepList.vue')
+      },
+      {
+        path: '/views/resource/purchaseApplyDetail',
+        name: '/views/resource/purchaseApplyDetail',
+        component: () => import('@/views/resource/purchaseApplyDetailList.vue')
+      },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/resource/addPurchaseApplyLang.js b/src/views/resource/addPurchaseApplyLang.js
new file mode 100644
index 0000000..7f2665a
--- /dev/null
+++ b/src/views/resource/addPurchaseApplyLang.js
@@ -0,0 +1,126 @@
+export const messages = {
+  en: {
+    addPurchaseApply: {
+      purchaser: 'Purchaser',
+      return: 'Return',
+      warehouse: 'Warehouse',
+      requiredSelectWarehouse: 'Required, please select warehouse',
+      contact: 'Contact',
+      requiredContact: 'Required, please enter contact',
+      phone: 'Phone',
+      requiredPhone: 'Required, please enter phone',
+      applyDesc: 'Application Description',
+      requiredDesc: 'Required, please enter description',
+      purchaseItems: 'Purchase Items',
+      select: 'Select',
+      itemType: 'Item Type',
+      itemNameCode: 'Item Name(Code)',
+      itemSpec: 'Item Specification',
+      price: 'Price',
+      selectPrice: 'Please select price',
+      itemStock: 'Item Stock',
+      applyQuantity: 'Apply Quantity',
+      requiredQuantity: 'Required, please enter quantity',
+      remark: 'Remark',
+      optionalRemark: 'Optional, please enter remark',
+      operation: 'Operation',
+      remove: 'Remove',
+      approver: 'Approver',
+      requiredApprover: 'Required, please select approver',
+      submit: 'Submit',
+      noItemsSelected: 'No items selected!',
+      sameWarehouseRequired: 'Purchased items must come from the same warehouse!',
+      selectPriceRequired: 'Please select price!',
+      quantityRequired: 'Please enter quantity!',
+      selectWarehouseRequired: 'Please select warehouse!',
+      contactRequired: 'Please enter contact!',
+      phoneRequired: 'Please enter phone!',
+      descRequired: 'Please enter description!'
+    },
+    chooseResourceStore2: {
+      title: '[Item Collection/Purchase Application/Direct Outbound] Select Items',
+      selectWarehouse: 'Please select warehouse',
+      selectItemType: 'Please select item type',
+      selectSubType: 'Please select sub type',
+      inputItemName: 'Enter item management name',
+      warehouse: 'Warehouse',
+      itemType: 'Item Type',
+      itemName: 'Item Name',
+      itemSpec: 'Item Specification',
+      itemCode: 'Item Code',
+      fixedItem: 'Fixed Item',
+      itemPrice: 'Item Price',
+      itemStock: 'Item Stock',
+      selectItemsRequired: 'Please select items to purchase'
+    },
+    selectStaff: {
+      title: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      submitter: 'Submitter',
+      dynamicAssign: 'Dynamic Assignment'
+    }
+  },
+  zh: {
+    addPurchaseApply: {
+      purchaser: '采购人',
+      return: '返回',
+      warehouse: '仓库',
+      requiredSelectWarehouse: '必填，请选择仓库',
+      contact: '联系人',
+      requiredContact: '必填，请填写联系人',
+      phone: '联系电话',
+      requiredPhone: '必填，请填写联系电话',
+      applyDesc: '申请说明',
+      requiredDesc: '必填，请填写申请说明',
+      purchaseItems: '采购物品',
+      select: '选择',
+      itemType: '物品类型',
+      itemNameCode: '物品名称(编码)',
+      itemSpec: '物品规格',
+      price: '价格',
+      selectPrice: '请选择价格',
+      itemStock: '物品库存',
+      applyQuantity: '申请数量',
+      requiredQuantity: '必填，请填写申请数量',
+      remark: '备注',
+      optionalRemark: '选填，请填写备注',
+      operation: '操作',
+      remove: '移除',
+      approver: '审批人',
+      requiredApprover: '必填，请选择审批人',
+      submit: '提交',
+      noItemsSelected: '未选择采购物品！',
+      sameWarehouseRequired: '采购商品需来自同一仓库！',
+      selectPriceRequired: '请选择价格！',
+      quantityRequired: '请填写申请数量！',
+      selectWarehouseRequired: '请选择仓库！',
+      contactRequired: '请填写联系人！',
+      phoneRequired: '请填写联系电话！',
+      descRequired: '请填写申请说明！'
+    },
+    chooseResourceStore2: {
+      title: '【物品领用/采购申请/直接出库】选择物品',
+      selectWarehouse: '请选择仓库',
+      selectItemType: '请选择物品类型',
+      selectSubType: '请选择二级分类',
+      inputItemName: '输入物品管理名称',
+      warehouse: '仓库',
+      itemType: '物品类型',
+      itemName: '物品名称',
+      itemSpec: '物品规格',
+      itemCode: '物品编码',
+      fixedItem: '固定物品',
+      itemPrice: '物品价格',
+      itemStock: '物品库存',
+      selectItemsRequired: '请选择需要采购的物品'
+    },
+    selectStaff: {
+      title: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      submitter: '提交者',
+      dynamicAssign: '动态指定'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/resource/addPurchaseApplyList.vue b/src/views/resource/addPurchaseApplyList.vue
new file mode 100644
index 0000000..b3e2468
--- /dev/null
+++ b/src/views/resource/addPurchaseApplyList.vue
@@ -0,0 +1,451 @@
+<template>
+  <div class="add-purchase-apply-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('addPurchaseApply.purchaser') }}</span>
+        <div class="card-tools">
+          <el-button type="primary" size="small" @click="goBack">
+            <i class="el-icon-close"></i>
+            {{ $t('common.back') }}
+          </el-button>
+        </div>
+      </div>
+      <div class="card-content">
+        <el-form label-width="120px">
+          <el-form-item :label="$t('addPurchaseApply.warehouse')">
+            <el-select v-model="addPurchaseApplyInfo.shId" @change="_computeFlow" style="width:100%">
+              <el-option disabled value="" :label="$t('addPurchaseApply.requiredSelectWarehouse')"></el-option>
+              <el-option v-for="(item, index) in addPurchaseApplyInfo.storehouses" :key="index" :label="item.shName"
+                :value="item.shId">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item :label="$t('addPurchaseApply.contact')">
+            <el-input :placeholder="$t('addPurchaseApply.requiredContact')"
+              v-model="addPurchaseApplyInfo.endUserName"></el-input>
+          </el-form-item>
+
+          <el-form-item :label="$t('addPurchaseApply.phone')">
+            <el-input :placeholder="$t('addPurchaseApply.requiredPhone')"
+              v-model="addPurchaseApplyInfo.endUserTel"></el-input>
+          </el-form-item>
+
+          <el-form-item :label="$t('addPurchaseApply.applyDesc')">
+            <el-input type="textarea" :placeholder="$t('addPurchaseApply.requiredDesc')"
+              v-model="addPurchaseApplyInfo.description"></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-card>
+
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('addPurchaseApply.purchaseItems') }}</span>
+        <div class="card-tools">
+          <el-button type="primary" size="small" style="margin-right:10px;" @click="_openSelectResourceStoreInfoModel">
+            <i class="el-icon-plus"></i>
+            {{ $t('addPurchaseApply.select') }}
+          </el-button>
+        </div>
+      </div>
+      <div class="card-content">
+        <el-table :data="addPurchaseApplyInfo.resourceStores" border style="width: 100%">
+          <el-table-column prop="type" :label="$t('addPurchaseApply.itemType')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.parentRstName ? scope.row.parentRstName : '-' }} >
+              {{ scope.row.rstName ? scope.row.rstName : '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="name" :label="$t('addPurchaseApply.itemNameCode')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.resName }}({{ scope.row.resCode }})
+            </template>
+          </el-table-column>
+          <el-table-column prop="spec" :label="$t('addPurchaseApply.itemSpec')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.rssName ? scope.row.rssName : '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="price" :label="$t('addPurchaseApply.price')" align="center">
+            <template slot-scope="scope">
+              <el-select v-model="scope.row.timesId" @change="_changeTimesId($event, scope.$index)" style="width:100%">
+                <el-option value="" :label="$t('addPurchaseApply.selectPrice')"></el-option>
+                <el-option v-for="time in scope.row.times" :key="time.timesId" :label="time.price" :value="time.timesId">
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column prop="stock" :label="$t('addPurchaseApply.itemStock')" align="center">
+            <template slot-scope="scope">
+              {{ _getTimesStock(scope.row) }}{{ scope.row.unitCodeName }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="quantity" :label="$t('addPurchaseApply.applyQuantity')" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.quantity" type="number" :placeholder="$t('addPurchaseApply.requiredQuantity')"
+                style="width:70%;display:inline-block;margin:auto"></el-input>
+              &nbsp;&nbsp;{{ scope.row.unitCodeName }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="remark" :label="$t('addPurchaseApply.remark')" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.remark" type="text"
+                :placeholder="$t('addPurchaseApply.optionalRemark')"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column prop="operation" :label="$t('addPurchaseApply.operation')" align="center">
+            <template slot-scope="scope">
+              <el-button type="danger" size="small" style="margin-right:10px;"
+                @click="_removeSelectResourceStoreItem(scope.row.resId)">
+                {{ $t('addPurchaseApply.remove') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-card>
+
+    <el-row v-if="addPurchaseApplyInfo.audit.assignee == '-2'">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>{{ $t('addPurchaseApply.approver') }}</span>
+          </div>
+          <div class="card-content">
+            <el-form label-width="120px">
+              <el-form-item :label="$t('addPurchaseApply.approver')">
+                <el-col :span="18">
+                  <el-input type="text" :placeholder="$t('addPurchaseApply.requiredApprover')" disabled
+                    v-model="addPurchaseApplyInfo.audit.staffName"></el-input>
+                </el-col>
+                <el-col :span="6">
+                  <el-button type="primary" @click="chooseStaff">
+                    <i class="el-icon-search"></i>
+                    {{ $t('common.select') }}
+                  </el-button>
+                </el-col>
+              </el-form-item>
+            </el-form>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24" style="text-align:right">
+        <el-button type="primary" style="margin-left:10px;" @click="_applyPurchaseSummit">
+          {{ $t('addPurchaseApply.submit') }}
+        </el-button>
+      </el-col>
+    </el-row>
+
+    <choose-resource-store2 ref="chooseResourceStore2"
+      @setSelectResourceStores="handleSetSelectResourceStores"></choose-resource-store2>
+
+    <select-staff ref="selectStaff" @change="handleStaffChange"></select-staff>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import ChooseResourceStore2 from '@/components/resource/chooseResourceStore2'
+import SelectStaff from '@/components/resource/selectStaff'
+import { getUserName } from '@/api/user/userApi'
+import {
+  listStorehouses,
+  listResourceSuppliers,
+  queryFirstAuditStaff,
+  purchaseApply
+} from '@/api/resource/addPurchaseApplyApi'
+import { getUserTel } from '../../api/user/userApi'
+
+export default {
+  name: 'AddPurchaseApply',
+  components: {
+    ChooseResourceStore2,
+    SelectStaff
+  },
+  data() {
+    return {
+      addPurchaseApplyInfo: {
+        resourceStores: [],
+        resourceSuppliers: [],
+        audit: {
+          assignee: '',
+          staffId: '',
+          staffName: '',
+          taskId: ''
+        },
+        description: '',
+        endUserName: '',
+        endUserTel: '',
+        file: '',
+        resOrderType: '10000',
+        staffId: '',
+        staffName: '',
+        communityId: '',
+        shId: '',
+        storehouses: [],
+        flowId: '',
+        purchaseSwitch: ''
+      }
+    }
+  },
+  created() {
+    this._reset()
+    this.communityId = getCommunityId()
+    this.addPurchaseApplyInfo.communityId = this.communityId
+    this.addPurchaseApplyInfo.endUserName = getUserName()
+    this.addPurchaseApplyInfo.endUserTel = getUserTel()
+    this.addPurchaseApplyInfo.purchaseSwitch = this.$route.query.purchaseSwitch
+    this._loadResourceSuppliers()
+    this._listPurchaseStorehouses()
+  },
+  methods: {
+    _reset() {
+      this.addPurchaseApplyInfo = {
+        resourceStores: [],
+        resourceSuppliers: [],
+        audit: {
+          assignee: '',
+          staffId: '',
+          staffName: '',
+          taskId: ''
+        },
+        description: '',
+        endUserName: '',
+        endUserTel: '',
+        file: '',
+        resOrderType: '10000',
+        staffId: '',
+        staffName: '',
+        communityId: this.communityId,
+        shId: '',
+        storehouses: [],
+        flowId: ''
+      }
+    },
+    _resourcesFromSameHouse(resourcesList) {
+      if (!resourcesList || resourcesList.length < 2) {
+        return true
+      }
+      let lastHouse = ''
+      let sign = true
+      for (let i = 0; i < resourcesList.length; i++) {
+        if (lastHouse == '') {
+          lastHouse = resourcesList[i].shId
+          continue
+        }
+        if (lastHouse == resourcesList[i].shId) {
+          continue
+        } else {
+          sign = false
+          break
+        }
+      }
+      return sign
+    },
+    async _applyPurchaseSummit() {
+      const _resourceStores = this.addPurchaseApplyInfo.resourceStores
+      if (!_resourceStores || _resourceStores.length < 1) {
+        this.$message.error(this.$t('addPurchaseApply.noItemsSelected'))
+        return
+      }
+      if (!this._resourcesFromSameHouse(_resourceStores)) {
+        this.$message.error(this.$t('addPurchaseApply.sameWarehouseRequired'))
+        return
+      }
+      let isFlag = true
+      let _quantity = true
+      this.addPurchaseApplyInfo.resourceStores.forEach(item => {
+        if (item.timesId == null || item.timesId == '' || item.timesId == undefined) {
+          isFlag = false
+        }
+        if (item.quantity == null || item.quantity == '' || item.quantity == undefined) {
+          _quantity = false
+        }
+      })
+      if (!isFlag) {
+        this.$message.error(this.$t('addPurchaseApply.selectPriceRequired'))
+        return
+      }
+      if (!_quantity) {
+        this.$message.error(this.$t('addPurchaseApply.quantityRequired'))
+        return
+      }
+
+      try {
+        const res = await purchaseApply(this.addPurchaseApplyInfo)
+        if (res.code === 0) {
+          this.$router.go(-1)
+          this.$message.success(this.$t('common.operationSuccess'))
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        this.$message.error(error)
+      }
+    },
+    async _loadResourceSuppliers() {
+      try {
+        const res = await listResourceSuppliers({ page: 1, row: 50 })
+        this.addPurchaseApplyInfo.resourceSuppliers = res.data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    _openSelectResourceStoreInfoModel() {
+      const _shId = this.addPurchaseApplyInfo.shId
+      const endUserName = this.addPurchaseApplyInfo.endUserName
+      const endUserTel = this.addPurchaseApplyInfo.endUserTel
+      const description = this.addPurchaseApplyInfo.description
+      if (!_shId) {
+        this.$message.error(this.$t('addPurchaseApply.selectWarehouseRequired'))
+        return
+      }
+      if (!endUserName) {
+        this.$message.error(this.$t('addPurchaseApply.contactRequired'))
+        return
+      }
+      if (!endUserTel) {
+        this.$message.error(this.$t('addPurchaseApply.phoneRequired'))
+        return
+      }
+      if (!description) {
+        this.$message.error(this.$t('addPurchaseApply.descRequired'))
+        return
+      }
+      this.$refs.chooseResourceStore2.open({ shId: _shId })
+    },
+    _removeSelectResourceStoreItem(resId) {
+      this.addPurchaseApplyInfo.resourceStores.forEach((item, index) => {
+        if (item.resId == resId) {
+          this.addPurchaseApplyInfo.resourceStores.splice(index, 1)
+        }
+      })
+    },
+    _changeTimesId(e, index) {
+      const timeId = e
+      const times = this.addPurchaseApplyInfo.resourceStores[index].times
+      times.forEach((item) => {
+        if (item.timesId == timeId) {
+          this.addPurchaseApplyInfo.resourceStores[index].selectedStock = item.stock
+        }
+      })
+    },
+    _getTimesStock(_resourceStore) {
+      if (!_resourceStore.timesId) {
+        return "-"
+      }
+      let _stock = 0
+      _resourceStore.times.forEach(_item => {
+        if (_item.timesId == _resourceStore.timesId) {
+          _stock = _item.stock
+        }
+      })
+      if (!_resourceStore.quantity) {
+        _resourceStore.quantity = ''
+      }
+      return _stock
+    },
+    async _loadStaffOrg(_flowId) {
+      try {
+        const res = await queryFirstAuditStaff({
+          communityId: this.communityId,
+          flowId: _flowId
+        })
+        if (res.code != 0) return
+        const _data = res.data[0]
+        Object.assign(this.addPurchaseApplyInfo.audit, _data)
+        if (!_data.assignee.startsWith('-')) {
+          this.addPurchaseApplyInfo.audit.staffId = this.addPurchaseApplyInfo.audit.assignee
+        }
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    chooseStaff() {
+      this.$refs.selectStaff.open(this.addPurchaseApplyInfo.audit)
+    },
+    async _listPurchaseStorehouses() {
+      try {
+        const res = await listStorehouses({
+          page: 1,
+          row: 100,
+          communityId: "",
+          allowPurchase: 'ON'
+        })
+        this.addPurchaseApplyInfo.storehouses = res.data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    _computeFlow() {
+      this.addPurchaseApplyInfo.resourceStores = []
+
+      const _storehouses = this.addPurchaseApplyInfo.storehouses
+      let _flowId = ""
+      _storehouses.forEach(item => {
+        if (this.addPurchaseApplyInfo.shId == item.shId) {
+          _flowId = item.purchaseFlowId
+        }
+      })
+      this.addPurchaseApplyInfo.flowId = _flowId
+      if (!_flowId) return
+      this._loadStaffOrg(_flowId)
+    },
+    handleSetSelectResourceStores(resourceStores) {
+      const oldList = this.addPurchaseApplyInfo.resourceStores
+      resourceStores.forEach((newItem, newIndex) => {
+        newItem.rsId = ''
+        newItem.timesId = ''
+        if (newItem.times && newItem.times.length > 0) {
+          newItem.timesId = newItem.times[0].timesId
+        }
+        oldList.forEach((oldItem) => {
+          if (oldItem.resId == newItem.resId && newItem.times && newItem.times.length < 2) {
+            delete resourceStores[newIndex]
+          }
+        })
+      })
+      resourceStores.push.apply(resourceStores, oldList)
+      resourceStores = resourceStores.filter((s) => {
+        return s['resId']
+      })
+      this.addPurchaseApplyInfo.resourceStores = resourceStores
+    },
+    handleStaffChange(staff) {
+      this.addPurchaseApplyInfo.audit.staffId = staff.userId
+      this.addPurchaseApplyInfo.audit.staffName = staff.userName
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add-purchase-apply-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .card-content {
+      padding: 20px;
+    }
+  }
+
+  .el-form-item {
+    margin-bottom: 22px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/resource/purchaseApplyDetailLang.js b/src/views/resource/purchaseApplyDetailLang.js
new file mode 100644
index 0000000..94b9d91
--- /dev/null
+++ b/src/views/resource/purchaseApplyDetailLang.js
@@ -0,0 +1,152 @@
+export const messages = {
+  en: {
+    purchaseApplyDetail: {
+      applyInfo: 'Application Information',
+      print: 'Print',
+      back: 'Back',
+      applyNo: 'Application No:',
+      applicant: 'Applicant:',
+      endUser: 'End User:',
+      contactPhone: 'Contact Phone:',
+      applyTime: 'Application Time:',
+      referenceTotalPrice: 'Reference Total Price:',
+      approvalStatus: 'Approval Status:',
+      storageMethod: 'Storage Method',
+      outboundMethod: 'Outbound Method',
+      directStorage: 'Direct Storage',
+      purchaseStorage: 'Purchase Storage',
+      emergencyPurchase: 'Emergency Purchase',
+      directOutbound: 'Direct Outbound',
+      auditOutbound: 'Audit Outbound',
+      description: 'Description:',
+      referencePurchaseTotalPrice: 'Reference Purchase Total Price:',
+      actualPurchaseTotalPrice: 'Actual Purchase Total Price:',
+      applyMaterials: 'Application Materials',
+      itemType: 'Item Type',
+      itemName: 'Item Name',
+      warehouse: 'Warehouse',
+      itemSpec: 'Item Specification',
+      supplier: 'Supplier',
+      itemCode: 'Item Code',
+      fixedItem: 'Fixed Item',
+      referencePrice: 'Reference Price',
+      originalStock: 'Original Stock',
+      currentStock: 'Current Stock',
+      applyQuantity: 'Apply Quantity',
+      applyRemark: 'Apply Remark',
+      purchasePrice: 'Purchase Price',
+      purchaseQuantity: 'Purchase Quantity',
+      receiveQuantity: 'Receive Quantity',
+      purchaseRemark: 'Purchase Remark',
+      receiveRemark: 'Receive Remark',
+      workOrderFlow: 'Work Order Flow',
+      serialNumber: 'No.',
+      handler: 'Handler',
+      status: 'Status',
+      handleTime: 'Handle Time',
+      timeConsuming: 'Time Consuming',
+      opinion: 'Opinion'
+    },
+    auditDiv: {
+      workOrderProcessing: 'Work Order Processing',
+      action: 'Action',
+      pleaseSelect: 'Please Select',
+      agree: 'Agree',
+      return: 'Return',
+      returnToSubmitter: 'Return to Submitter',
+      transfer: 'Transfer',
+      workOrderDescription: 'Work Order Description',
+      requiredDescription: 'Required, please fill in the work order description',
+      nextHandler: 'Next Handler',
+      requiredNextHandler: 'Required, please select the next handler',
+      select: 'Select',
+      pleaseSelectStatus: 'Please select status',
+      pleaseFillDescription: 'Please fill in the description',
+      pleaseSelectNextHandler: 'Please select next handler',
+      submitSuccess: 'Submit successfully',
+      submitFailed: 'Submit failed'
+    },
+    selectStaff: {
+      selectStaff: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      submitter: 'Submitter',
+      dynamicAssign: 'Dynamic Assign'
+    }
+  },
+  zh: {
+    purchaseApplyDetail: {
+      applyInfo: '申请信息',
+      print: '打印',
+      back: '返回',
+      applyNo: '申请单号：',
+      applicant: '申请人：',
+      endUser: '使用人：',
+      contactPhone: '联系电话：',
+      applyTime: '申请时间：',
+      referenceTotalPrice: '参考总价：',
+      approvalStatus: '审批状态：',
+      storageMethod: '入库方式',
+      outboundMethod: '出库方式',
+      directStorage: '直接入库',
+      purchaseStorage: '采购入库',
+      emergencyPurchase: '紧急采购',
+      directOutbound: '直接出库',
+      auditOutbound: '审核出库',
+      description: '说明：',
+      referencePurchaseTotalPrice: '参考采购总价：',
+      actualPurchaseTotalPrice: '实际采购总价：',
+      applyMaterials: '申请物资',
+      itemType: '物品类型',
+      itemName: '物品名称',
+      warehouse: '所属仓库',
+      itemSpec: '物品规格',
+      supplier: '供应商',
+      itemCode: '物品编码',
+      fixedItem: '固定物品',
+      referencePrice: '参考单价',
+      originalStock: '原有库存',
+      currentStock: '现有库存',
+      applyQuantity: '申请数量',
+      applyRemark: '申请备注',
+      purchasePrice: '采购单价',
+      purchaseQuantity: '采购数量',
+      receiveQuantity: '领用数量',
+      purchaseRemark: '采购备注',
+      receiveRemark: '领用备注',
+      workOrderFlow: '工单流转',
+      serialNumber: '序号',
+      handler: '处理人',
+      status: '状态',
+      handleTime: '处理时间',
+      timeConsuming: '耗时',
+      opinion: '意见'
+    },
+    auditDiv: {
+      workOrderProcessing: '工单办理',
+      action: '动作',
+      pleaseSelect: '请选择',
+      agree: '同意',
+      return: '退回',
+      returnToSubmitter: '退回至提交者',
+      transfer: '转单',
+      workOrderDescription: '工单说明',
+      requiredDescription: '必填，请填写工单说明',
+      nextHandler: '下一处理人',
+      requiredNextHandler: '必填，请选择下一处理人',
+      select: '选择',
+      pleaseSelectStatus: '请选择状态',
+      pleaseFillDescription: '请填写说明',
+      pleaseSelectNextHandler: '请选择下一节点处理人',
+      submitSuccess: '提交成功',
+      submitFailed: '提交失败'
+    },
+    selectStaff: {
+      selectStaff: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      submitter: '提交者',
+      dynamicAssign: '动态指定'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/resource/purchaseApplyDetailList.vue b/src/views/resource/purchaseApplyDetailList.vue
new file mode 100644
index 0000000..5ffb92c
--- /dev/null
+++ b/src/views/resource/purchaseApplyDetailList.vue
@@ -0,0 +1,338 @@
+<template>
+  <div class="purchase-apply-detail-container">
+    <!-- 申请信息 -->
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('purchaseApplyDetail.applyInfo') }}</span>
+        <div class="card-header-actions">
+          <el-button type="primary" size="small" @click="_printPurchaseApply">
+            <i class="el-icon-printer"></i>
+            {{ $t('purchaseApplyDetail.print') }}
+          </el-button>
+          <el-button type="primary" size="small" @click="_callBackListPurchaseApply">
+            <i class="el-icon-close"></i>
+            {{ $t('purchaseApplyDetail.back') }}
+          </el-button>
+        </div>
+      </div>
+      <div class="card-content">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.applyNo') }}</label>
+              <div>{{ purchaseApplyDetailInfo.applyOrderId }}</div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.applicant') }}</label>
+              <div>{{ purchaseApplyDetailInfo.userName }}</div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.endUser') }}</label>
+              <div>{{ purchaseApplyDetailInfo.endUserName }}</div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.contactPhone') }}</label>
+              <div>{{ purchaseApplyDetailInfo.endUserTel }}</div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.applyTime') }}</label>
+              <div>{{ purchaseApplyDetailInfo.createTime }}</div>
+            </div>
+          </el-col>
+          <el-col v-if="purchaseApplyDetailInfo.resOrderType == 10000 && purchaseApplyDetailInfo.warehousingWay == 20000"
+            :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.referenceTotalPrice') }}</label>
+              <div>￥{{ purchaseApplyDetailInfo.totalPrice }}</div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.approvalStatus') }}</label>
+              <div>{{ purchaseApplyDetailInfo.stateName }}</div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ purchaseApplyDetailInfo.resOrderType == 10000 ? $t('purchaseApplyDetail.storageMethod') :
+                $t('purchaseApplyDetail.outboundMethod') }}</label>
+              <div>
+                {{ purchaseApplyDetailInfo.resOrderType == 10000 ?
+                  (purchaseApplyDetailInfo.warehousingWay == 10000 ? $t('purchaseApplyDetail.directStorage') :
+                    purchaseApplyDetailInfo.warehousingWay == 20000 ? $t('purchaseApplyDetail.purchaseStorage') :
+                      $t('purchaseApplyDetail.emergencyPurchase')) :
+                  (purchaseApplyDetailInfo.warehousingWay == 10000 ? $t('purchaseApplyDetail.directOutbound') :
+                    $t('purchaseApplyDetail.auditOutbound')) }}
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.description') }}</label>
+              <div>{{ purchaseApplyDetailInfo.description }}</div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row v-if="purchaseApplyDetailInfo.resOrderType == 10000" :gutter="20">
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.referencePurchaseTotalPrice') }}</label>
+              <div>{{ purchaseApplyDetailInfo.totalPrice > 0 ? '￥' + purchaseApplyDetailInfo.totalPrice : '-' }}</div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-item">
+              <label>{{ $t('purchaseApplyDetail.actualPurchaseTotalPrice') }}</label>
+              <div>{{ purchaseApplyDetailInfo.purchaseTotalPrice > 0 ? '￥' + purchaseApplyDetailInfo.purchaseTotalPrice :
+                '-' }}</div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </el-card>
+
+    <!-- 申请物资 -->
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('purchaseApplyDetail.applyMaterials') }}</span>
+      </div>
+      <div class="card-content">
+        <el-table :data="purchaseApplyDetailInfo.purchaseApplyDetailVo" border style="width: 100%">
+          <el-table-column prop="parentRstName" :label="$t('purchaseApplyDetail.itemType')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.parentRstName }} > {{ scope.row.rstName }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="resName" :label="$t('purchaseApplyDetail.itemName')" align="center"></el-table-column>
+          <el-table-column prop="shName" :label="$t('purchaseApplyDetail.warehouse')" align="center"></el-table-column>
+          <el-table-column prop="specName" :label="$t('purchaseApplyDetail.itemSpec')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.specName || '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="supplierName" :label="$t('purchaseApplyDetail.supplier')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.supplierName || '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="resCode" :label="$t('purchaseApplyDetail.itemCode')" align="center"></el-table-column>
+          <el-table-column prop="isFixedName" :label="$t('purchaseApplyDetail.fixedItem')"
+            align="center"></el-table-column>
+          <el-table-column prop="consultPrice" :label="$t('purchaseApplyDetail.referencePrice')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.consultPrice ? '￥' + scope.row.consultPrice : '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="originalStock" :label="$t('purchaseApplyDetail.originalStock')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.originalStock }}{{ scope.row.unitCodeName }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="stock" :label="$t('purchaseApplyDetail.currentStock')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.stock ? scope.row.stock : '0' }}{{ scope.row.unitCodeName }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="quantity" :label="$t('purchaseApplyDetail.applyQuantity')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.quantity }}{{ scope.row.unitCodeName }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="remark" :label="$t('purchaseApplyDetail.applyRemark')" align="center"></el-table-column>
+          <el-table-column v-if="purchaseApplyDetailInfo.resOrderType == 10000" prop="purchasePrice"
+            :label="$t('purchaseApplyDetail.purchasePrice')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.purchasePrice ? '￥' + scope.row.purchasePrice : '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="purchaseQuantity"
+            :label="purchaseApplyDetailInfo.resOrderType == 10000 ? $t('purchaseApplyDetail.purchaseQuantity') : $t('purchaseApplyDetail.receiveQuantity')"
+            align="center">
+            <template slot-scope="scope">
+              {{ scope.row.purchaseQuantity ? scope.row.purchaseQuantity + scope.row.unitCodeName : '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="purchaseRemark"
+            :label="purchaseApplyDetailInfo.resOrderType == 10000 ? $t('purchaseApplyDetail.purchaseRemark') : $t('purchaseApplyDetail.receiveRemark')"
+            align="center">
+            <template slot-scope="scope">
+              {{ scope.row.purchaseRemark || '-' }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-card>
+
+    <!-- 工单流转 -->
+    <el-card v-if="purchaseApplyDetailInfo.warehousingWay == 20000" class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('purchaseApplyDetail.workOrderFlow') }}</span>
+      </div>
+      <div class="card-content">
+        <el-table :data="purchaseApplyDetailInfo.auditUsers" border style="width: 100%">
+          <el-table-column type="index" :label="$t('purchaseApplyDetail.serialNumber')" align="center"
+            width="80"></el-table-column>
+          <el-table-column prop="userName" :label="$t('purchaseApplyDetail.handler')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.userName || scope.row.auditName }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="stateName" :label="$t('purchaseApplyDetail.status')" align="center"></el-table-column>
+          <el-table-column prop="auditTime" :label="$t('purchaseApplyDetail.handleTime')"
+            align="center"></el-table-column>
+          <el-table-column prop="duration" :label="$t('purchaseApplyDetail.timeConsuming')"
+            align="center"></el-table-column>
+          <el-table-column prop="message" :label="$t('purchaseApplyDetail.opinion')" align="center"></el-table-column>
+        </el-table>
+      </div>
+    </el-card>
+
+    <!-- 审核组件 -->
+    <audit-div v-if="purchaseApplyDetailInfo.action == 'audit'" ref="auditDiv"></audit-div>
+  </div>
+</template>
+
+<script>
+import { listPurchaseApplys, listWorkflowAuditInfo } from '@/api/resource/purchaseApplyDetailApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import AuditDiv from '@/components/resource/auditDiv'
+
+export default {
+  name: 'PurchaseApplyDetailList',
+  components: {
+    AuditDiv
+  },
+  data() {
+    return {
+      purchaseApplyDetailInfo: {
+        resourceNames: '',
+        state: '',
+        totalPrice: '',
+        purchaseTotalPrice: '',
+        applyOrderId: '',
+        description: '',
+        createTime: '',
+        userName: '',
+        endUserName: '',
+        endUserTel: '',
+        stateName: '',
+        resOrderType: '',
+        purchaseApplyDetailVo: [],
+        auditUsers: [],
+        warehousingWay: '',
+        action: '',
+        taskId: ''
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.purchaseApplyDetailInfo.applyOrderId = this.$route.query.applyOrderId
+    this.purchaseApplyDetailInfo.resOrderType = this.$route.query.resOrderType
+    this.purchaseApplyDetailInfo.action = this.$route.query.action
+    this.purchaseApplyDetailInfo.taskId = this.$route.query.taskId
+    this._listPurchaseApply()
+  },
+  methods: {
+    async _listPurchaseApply() {
+      try {
+        const params = {
+          applyOrderId: this.purchaseApplyDetailInfo.applyOrderId,
+          resOrderType: this.purchaseApplyDetailInfo.resOrderType,
+          page: 1,
+          row: 1,
+          communityId: this.communityId
+        }
+        const res = await listPurchaseApplys(params)
+        const purchaseApply = res.purchaseApplys[0]
+        Object.assign(this.purchaseApplyDetailInfo, purchaseApply)
+
+        if (this.purchaseApplyDetailInfo.warehousingWay == 20000) {
+          this._loadAuditUser()
+        }
+
+        if (this.purchaseApplyDetailInfo.action == 'audit') {
+          this.$refs.auditDiv.open({
+            createUserId: purchaseApply.createUserId,
+            action: this.purchaseApplyDetailInfo.action,
+            taskId: this.purchaseApplyDetailInfo.taskId,
+            url: '/purchaseApply.auditApplyOrder',
+            id: purchaseApply.applyOrderId,
+          })
+        }
+      } catch (error) {
+        console.error('获取采购申请详情失败:', error)
+      }
+    },
+    async _loadAuditUser() {
+      try {
+        const params = {
+          businessKey: this.purchaseApplyDetailInfo.applyOrderId,
+          communityId: this.communityId
+        }
+        const res = await listWorkflowAuditInfo(params)
+        this.purchaseApplyDetailInfo.auditUsers = res.data
+      } catch (error) {
+        console.error('获取审核流程信息失败:', error)
+      }
+    },
+    _callBackListPurchaseApply() {
+      this.$router.go(-1)
+    },
+    _printPurchaseApply() {
+      if (this.purchaseApplyDetailInfo.resOrderType == '10000') {
+        window.open(`/print.html#/pages/property/printPurchaseApply?applyOrderId=${this.purchaseApplyDetailInfo.applyOrderId}&resOrderType=${this.purchaseApplyDetailInfo.resOrderType}`)
+      } else if (this.purchaseApplyDetailInfo.resOrderType == '20000') {
+        window.open(`/print.html#/pages/property/printPurchaseOutApply?applyOrderId=${this.purchaseApplyDetailInfo.applyOrderId}&resOrderType=${this.purchaseApplyDetailInfo.resOrderType}`)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.purchase-apply-detail-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .card-content {
+
+      .form-item {
+        margin-bottom: 15px;
+        display: flex;
+        justify-self: start;
+
+        label {
+          margin-bottom: 5px;
+        }
+
+        div {
+          margin-left: 5px;
+        }
+      }
+    }
+  }
+
+  .el-table {
+    margin-top: 20px;
+  }
+}</style>
\ No newline at end of file
diff --git a/src/views/resource/purchaseApplyManageLang.js b/src/views/resource/purchaseApplyManageLang.js
new file mode 100644
index 0000000..2a7eea6
--- /dev/null
+++ b/src/views/resource/purchaseApplyManageLang.js
@@ -0,0 +1,106 @@
+export const messages = {
+  en: {
+    purchaseApplyManage: {
+      search: {
+        title: 'Search Conditions',
+        applyOrderId: 'Please enter application order number',
+        name: 'Please enter applicant name',
+        resName: 'Please enter item name',
+        startTime: 'Please select start time',
+        endTime: 'Please select end time'
+      },
+      list: {
+        title: 'Purchase Application'
+      },
+      table: {
+        applyOrderId: 'Application Order No.',
+        userName: 'Applicant',
+        endUserName: 'User',
+        createUserName: 'Operator',
+        resourceNames: 'Item(Specification)',
+        createTime: 'Application Time',
+        warehousingWay: 'Purchase Method',
+        stateName: 'Approval Status'
+      },
+      button: {
+        purchase: 'Purchase',
+        urgentPurchase: 'Urgent Purchase',
+        flowChart: 'Flow Chart',
+        cancelApply: 'Cancel Application',
+        export: 'Export'
+      },
+      warehousingWay: {
+        direct: 'Direct Storage',
+        purchase: 'Purchase Storage',
+        urgent: 'Urgent Purchase'
+      },
+      edit: {
+        title: 'Edit Purchase Application',
+        state: 'Order Status',
+        stateRequired: 'Required, please select order status',
+        stateOption1: 'Area*Unit Price+Surcharge',
+        stateOption2: 'Fixed Fee',
+        stateFormatError: 'Order status format error',
+        applyOrderIdRequired: 'Order number cannot be empty'
+      },
+      delete: {
+        title: 'Please confirm your operation',
+        confirmText: 'Are you sure to cancel the application?',
+        success: 'Cancel application successfully',
+        error: 'Failed to cancel application'
+      }
+    }
+  },
+  zh: {
+    purchaseApplyManage: {
+      search: {
+        title: '查询条件',
+        applyOrderId: '请输入申请单号',
+        name: '请填写申请人姓名',
+        resName: '请填写物品名称',
+        startTime: '请选择开始时间',
+        endTime: '请选择结束时间'
+      },
+      list: {
+        title: '采购申请'
+      },
+      table: {
+        applyOrderId: '申请单号',
+        userName: '申请人',
+        endUserName: '使用人',
+        createUserName: '操作人',
+        resourceNames: '物品(规格)',
+        createTime: '申请时间',
+        warehousingWay: '采购方式',
+        stateName: '审批状态'
+      },
+      button: {
+        purchase: '采购',
+        urgentPurchase: '紧急采购',
+        flowChart: '流程图',
+        cancelApply: '取消申请',
+        export: '导出'
+      },
+      warehousingWay: {
+        direct: '直接入库',
+        purchase: '采购入库',
+        urgent: '紧急采购'
+      },
+      edit: {
+        title: '修改采购申请',
+        state: '订单状态',
+        stateRequired: '必填，请选择订单状态',
+        stateOption1: '面积*单价+附加费',
+        stateOption2: '固定费用',
+        stateFormatError: '订单状态格式错误',
+        applyOrderIdRequired: '订单号不能为空'
+      },
+      delete: {
+        title: '请确认您的操作',
+        confirmText: '确定取消申请?',
+        success: '取消申请成功',
+        error: '取消申请失败'
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/resource/purchaseApplyManageList.vue b/src/views/resource/purchaseApplyManageList.vue
new file mode 100644
index 0000000..e536535
--- /dev/null
+++ b/src/views/resource/purchaseApplyManageList.vue
@@ -0,0 +1,347 @@
+<template>
+  <div class="purchase-apply-manage-container">
+
+    <div class="wrapper wrapper-content animated fadeInRight ecommerce">
+      <el-row :gutter="20">
+        <el-col :span="4" class="padding-r-0">
+          <el-card>
+            <div class="border-radius">
+              <div class="margin-xs-r treeview attendance-staff">
+                <ul class="list-group text-center border-radius">
+                  <li class="list-group-item node-orgTree" v-for="(item, index) in purchaseApplyManageInfo.states"
+                    :key="index" @click="swatchState(item)" :class="{
+                      'vc-node-selected':
+                        purchaseApplyManageInfo.conditions.state === item.statusCd,
+                    }">
+                    {{ item.name }}
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="20">
+          <el-card>
+            <div slot="header" class="flex justify-between">
+              <span>{{ $t('purchaseApplyManage.search.title') }}</span>
+            </div>
+            <el-row :gutter="20">
+              <el-col :span="4">
+                <el-input :placeholder="$t('purchaseApplyManage.search.applyOrderId')"
+                  v-model.trim="purchaseApplyManageInfo.conditions.applyOrderId" clearable />
+              </el-col>
+              <el-col :span="4">
+                <el-input :placeholder="$t('purchaseApplyManage.search.name')"
+                  v-model.trim="purchaseApplyManageInfo.conditions.name" clearable />
+              </el-col>
+              <el-col :span="4">
+                <el-input :placeholder="$t('purchaseApplyManage.search.resName')"
+                  v-model.trim="purchaseApplyManageInfo.conditions.resName" clearable />
+              </el-col>
+              <el-col :span="4">
+                <el-date-picker v-model="purchaseApplyManageInfo.conditions.startTime" type="datetime"
+                  :placeholder="$t('purchaseApplyManage.search.startTime')" style="width: 100%" />
+              </el-col>
+              <el-col :span="4">
+                <el-date-picker v-model="purchaseApplyManageInfo.conditions.endTime" type="datetime"
+                  :placeholder="$t('purchaseApplyManage.search.endTime')" style="width: 100%" />
+              </el-col>
+              <el-col :span="4">
+                <el-button type="primary" @click="_queryPurchaseApplyMethod()" icon="el-icon-search">
+                  {{ $t('common.search') }}
+                </el-button>
+                <el-button type="default" @click="_resetInspectionPlanMethod()" icon="el-icon-refresh">
+                  {{ $t('common.reset') }}
+                </el-button>
+              </el-col>
+            </el-row>
+          </el-card>
+
+          <el-card class="margin-top">
+            <div slot="header" class="flex justify-between">
+              <div>{{ $t('purchaseApplyManage.list.title') }}</div>
+              <div class="ibox-tools" style="top: 10px">
+                <el-button type="primary" size="small" @click="_openAddPurchaseApplyModal()" icon="el-icon-plus">
+                  {{ $t('purchaseApplyManage.button.purchase') }}
+                </el-button>
+                <el-button type="primary" size="small" v-if="hasPrivilege('502021071043650029')"
+                  @click="_openUrgentPurchaseApplyModal()" icon="el-icon-plus">
+                  {{ $t('purchaseApplyManage.button.urgentPurchase') }}
+                </el-button>
+                <el-button type="primary" size="small" @click="_exportExcel()" icon="el-icon-download">
+                  {{ $t('common.export') }}
+                </el-button>
+              </div>
+            </div>
+            <el-table :data="purchaseApplyManageInfo.purchaseApplys" border style="width: 100%" v-loading="loading">
+              <el-table-column prop="applyOrderId" :label="$t('purchaseApplyManage.table.applyOrderId')" align="center" />
+              <el-table-column prop="userName" :label="$t('purchaseApplyManage.table.userName')" align="center" />
+              <el-table-column prop="endUserName" :label="$t('purchaseApplyManage.table.endUserName')" align="center" />
+              <el-table-column prop="createUserName" :label="$t('purchaseApplyManage.table.createUserName')"
+                align="center" />
+              <el-table-column prop="resourceNames" :label="$t('purchaseApplyManage.table.resourceNames')"
+                align="center" />
+              <el-table-column prop="createTime" :label="$t('purchaseApplyManage.table.createTime')" align="center" />
+              <el-table-column :label="$t('purchaseApplyManage.table.warehousingWay')" align="center">
+                <template slot-scope="scope">
+                  {{
+                    scope.row.warehousingWay == 10000
+                    ? $t('purchaseApplyManage.warehousingWay.direct')
+                    : scope.row.warehousingWay == 20000
+                      ? $t('purchaseApplyManage.warehousingWay.purchase')
+                      : $t('purchaseApplyManage.warehousingWay.urgent')
+                  }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="stateName" :label="$t('purchaseApplyManage.table.stateName')" align="center" />
+              <el-table-column :label="$t('common.operation')" align="center" width="300">
+                <template slot-scope="scope">
+                  <el-button size="mini" @click="_openDetailPurchaseApplyModel(scope.row)">
+                    {{ $t('common.view') }}
+                  </el-button>
+                  <el-button size="mini" v-if="scope.row.warehousingWay != 10000 &&
+                    scope.row.warehousingWay != 30000
+                    " @click="_openRunWorkflowImage(scope.row)">
+                    {{ $t('purchaseApplyManage.button.flowChart') }}
+                  </el-button>
+                  <el-button size="mini" type="danger" v-if="scope.row.state == '1000' &&
+                    purchaseApplyManageInfo.currentUserId ==
+                    scope.row.createUserId
+                    " @click="_openDeletePurchaseApplyModel(scope.row)">
+                    {{ $t('purchaseApplyManage.button.cancelApply') }}
+                  </el-button>
+                  <el-button size="mini" type="danger" v-else-if="scope.row.state == '1000' &&
+                    hasPrivilege('502022032383620003')
+                    " @click="_openDeletePurchaseApplyModel(scope.row)">
+                    {{ $t('purchaseApplyManage.button.cancelApply') }}
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+            <el-pagination class="margin-top" :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]"
+              :page-size="page.size" :total="page.total" layout="total, sizes, prev, pager, next, jumper"
+              @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
+
+    <view-image ref="viewImage" />
+    <edit-purchase-apply ref="editPurchaseApply" />
+    <delete-purchase-apply ref="deletePurchaseApply" />
+  </div>
+</template>
+
+<script>
+import { listPurchaseApplys, exportData, getWorkflowImage } from '@/api/resource/purchaseApplyManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import ViewImage from '@/components/system/viewImage'
+import EditPurchaseApply from '@/components/resource/editPurchaseApply'
+import DeletePurchaseApply from '@/components/resource/deletePurchaseApply'
+
+export default {
+  name: 'PurchaseApplyManageList',
+  components: {
+    ViewImage,
+    EditPurchaseApply,
+    DeletePurchaseApply
+  },
+  data() {
+    return {
+      loading: false,
+      purchaseApplyManageInfo: {
+        purchaseApplys: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        states: [],
+        currentUserId: '',
+        conditions: {
+          state: '',
+          applyOrderId: '',
+          userName: '',
+          name: '',
+          resOrderType: '10000',
+          resName: '',
+          startTime: '',
+          endTime: '',
+          userId: '',
+          communityId: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.purchaseApplyManageInfo.currentUserId = ''
+    this.purchaseApplyManageInfo.conditions.userId = ''
+    this.purchaseApplyManageInfo.conditions.communityId = getCommunityId()
+    this._listPurchaseApplys(this.page.current, this.page.size)
+    this.getDictData()
+  },
+  methods: {
+    async getDictData() {
+      try {
+        const data = await getDict('purchase_apply', 'state')
+        this.purchaseApplyManageInfo.states = [
+          {
+            statusCd: '',
+            name: this.$t('common.all')
+          },
+          ...data
+        ]
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async _listPurchaseApplys(page, size) {
+      this.loading = true
+      try {
+        const params = {
+          ...this.purchaseApplyManageInfo.conditions,
+          page,
+          row: size
+        }
+        const { purchaseApplys, total } = await listPurchaseApplys(params)
+        this.purchaseApplyManageInfo.purchaseApplys = purchaseApplys
+        this.page.total = total
+      } catch (error) {
+        console.error('获取采购申请列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _openAddPurchaseApplyModal() {
+      this.$router.push({
+        path: '/views/resource/addPurchaseApply',
+        query: {
+          resOrderType: this.purchaseApplyManageInfo.conditions.resOrderType
+        }
+      })
+    },
+    _openUrgentPurchaseApplyModal() {
+      this.$router.push({
+        path: '/views/resource/urgentPurchaseApplyStep',
+        query: {
+          resOrderType: this.purchaseApplyManageInfo.conditions.resOrderType
+        }
+      })
+    },
+    _openDetailPurchaseApplyModel(purchaseApply) {
+      this.$router.push({
+        path: '/views/resource/purchaseApplyDetail',
+        query: {
+          applyOrderId: purchaseApply.applyOrderId,
+          resOrderType: '10000'
+        }
+      })
+    },
+    _openDeletePurchaseApplyModel(purchaseApply) {
+      this.$refs.deletePurchaseApply.open(purchaseApply)
+    },
+    _queryPurchaseApplyMethod() {
+      this.page.current = 1
+      this._listPurchaseApplys(this.page.current, this.page.size)
+    },
+    _resetInspectionPlanMethod() {
+      this.purchaseApplyManageInfo.conditions = {
+        ...this.purchaseApplyManageInfo.conditions,
+        applyOrderId: '',
+        name: '',
+        resName: '',
+        startTime: '',
+        endTime: ''
+      }
+      this._listPurchaseApplys(this.page.current, this.page.size)
+    },
+    async _openRunWorkflowImage(purchaseApply) {
+      try {
+        const params = {
+          businessKey: purchaseApply.applyOrderId,
+          communityId: getCommunityId()
+        }
+        const { data } = await getWorkflowImage(params)
+        this.$refs.viewImage.open({
+          url: 'data:image/png;base64,' + data
+        })
+      } catch (error) {
+        console.error('获取流程图失败:', error)
+      }
+    },
+    async _exportExcel() {
+      try {
+        const params = {
+          ...this.purchaseApplyManageInfo.conditions,
+          pagePath: 'purchaseApplyManage'
+        }
+        await exportData(params)
+        this.$message.success(this.$t('common.exportSuccess'))
+        this.$router.push('/resource/downloadTempFile?tab=downloadCenter')
+      } catch (error) {
+        console.error('导出失败:', error)
+      }
+    },
+    swatchState(item) {
+      this.purchaseApplyManageInfo.conditions.state = item.statusCd
+      this._listPurchaseApplys(this.page.current, this.page.size)
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listPurchaseApplys(this.page.current, this.page.size)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listPurchaseApplys(this.page.current, this.page.size)
+    },
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.purchase-apply-manage-container {
+  padding: 20px;
+
+  .margin-top {
+    margin-top: 20px;
+  }
+
+  .padding-r-0 {
+    padding-right: 0;
+  }
+
+  .border-radius {
+    border-radius: 4px;
+  }
+
+  .margin-xs-r {
+    margin-right: 5px;
+  }
+
+  .list-group {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+
+    .list-group-item {
+      padding: 10px;
+      border: 1px solid #ebeef5;
+      cursor: pointer;
+
+      &:hover {
+        background-color: #f5f7fa;
+      }
+
+      &.vc-node-selected {
+        background-color: #409eff;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/resource/resourceSupplierManageLang.js b/src/views/resource/resourceSupplierManageLang.js
new file mode 100644
index 0000000..b555d62
--- /dev/null
+++ b/src/views/resource/resourceSupplierManageLang.js
@@ -0,0 +1,116 @@
+export const messages = {
+  en: {
+    resourceSupplierManage: {
+      searchTitle: 'Search Conditions',
+      supplierNo: 'Supplier No',
+      supplierName: 'Supplier Name',
+      phone: 'Phone',
+      search: 'Search',
+      reset: 'Reset',
+      supplier: 'Supplier',
+      add: 'Add',
+      no: 'No',
+      name: 'Name',
+      address: 'Address',
+      contact: 'Contact',
+      contactName: 'Contact Name',
+      bank: 'Bank',
+      account: 'Account',
+      remark: 'Remark',
+      operation: 'Operation',
+      edit: 'Edit',
+      delete: 'Delete'
+    },
+    addResourceSupplier: {
+      title: 'Add Supplier',
+      supplierName: 'Supplier Name',
+      supplierAddress: 'Supplier Address',
+      supplierContact: 'Supplier Contact',
+      contactName: 'Contact Name',
+      bank: 'Bank',
+      bankAccount: 'Bank Account',
+      remark: 'Remark',
+      required: 'Required',
+      optional: 'Optional',
+      save: 'Save',
+      cancel: 'Cancel'
+    },
+    editResourceSupplier: {
+      title: 'Edit Supplier',
+      supplierName: 'Supplier Name',
+      supplierAddress: 'Supplier Address',
+      supplierContact: 'Supplier Contact',
+      contactName: 'Contact Name',
+      bank: 'Bank',
+      bankAccount: 'Bank Account',
+      remark: 'Remark',
+      required: 'Required',
+      optional: 'Optional',
+      save: 'Save',
+      cancel: 'Cancel'
+    },
+    deleteResourceSupplier: {
+      title: 'Confirm Operation',
+      confirmDelete: 'Confirm to delete supplier',
+      cancel: 'Cancel',
+      confirm: 'Confirm'
+    }
+  },
+  zh: {
+    resourceSupplierManage: {
+      searchTitle: '查询条件',
+      supplierNo: '供应商编号',
+      supplierName: '供应商名称',
+      phone: '手机号',
+      search: '查询',
+      reset: '重置',
+      supplier: '供应商',
+      add: '添加',
+      no: '编号',
+      name: '名称',
+      address: '地址',
+      contact: '联系方式',
+      contactName: '联系人姓名',
+      bank: '开户行',
+      account: '账号',
+      remark: '备注',
+      operation: '操作',
+      edit: '修改',
+      delete: '删除'
+    },
+    addResourceSupplier: {
+      title: '添加供应商',
+      supplierName: '供应商名称',
+      supplierAddress: '供应商地址',
+      supplierContact: '供应商联系方式',
+      contactName: '联系人姓名',
+      bank: '开户行',
+      bankAccount: '开户行账号',
+      remark: '备注',
+      required: '必填',
+      optional: '选填',
+      save: '保存',
+      cancel: '取消'
+    },
+    editResourceSupplier: {
+      title: '修改供应商',
+      supplierName: '供应商名称',
+      supplierAddress: '供应商地址',
+      supplierContact: '供应商联系方式',
+      contactName: '联系人姓名',
+      bank: '开户行',
+      bankAccount: '开户行账号',
+      remark: '备注',
+      required: '必填',
+      optional: '选填',
+      save: '保存',
+      cancel: '取消'
+    },
+    deleteResourceSupplier: {
+      title: '请确认您的操作',
+      confirmDelete: '确定删除供应商',
+      cancel: '点错了',
+      confirm: '确认删除'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/resource/resourceSupplierManageList.vue b/src/views/resource/resourceSupplierManageList.vue
new file mode 100644
index 0000000..3c4fb20
--- /dev/null
+++ b/src/views/resource/resourceSupplierManageList.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="resource-supplier-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('resourceSupplierManage.searchTitle') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.rsId" :placeholder="$t('resourceSupplierManage.supplierNo')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.supplierName" :placeholder="$t('resourceSupplierManage.supplierName')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.tel" :placeholder="$t('resourceSupplierManage.phone')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            <i class="el-icon-search"></i>
+            {{ $t('resourceSupplierManage.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            <i class="el-icon-refresh"></i>
+            {{ $t('resourceSupplierManage.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 供应商列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('resourceSupplierManage.supplier') }}</span>
+        <el-button type="primary" size="small" @click="handleAdd">
+          <i class="el-icon-plus"></i>
+          {{ $t('resourceSupplierManage.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="rsId" :label="$t('resourceSupplierManage.no')" align="center" />
+        <el-table-column prop="supplierName" :label="$t('resourceSupplierManage.name')" align="center" />
+        <el-table-column prop="address" :label="$t('resourceSupplierManage.address')" align="center" />
+        <el-table-column prop="tel" :label="$t('resourceSupplierManage.contact')" align="center" />
+        <el-table-column prop="contactName" :label="$t('resourceSupplierManage.contactName')" align="center" />
+        <el-table-column prop="accountBank" :label="$t('resourceSupplierManage.bank')" align="center" />
+        <el-table-column prop="bankAccountNumber" :label="$t('resourceSupplierManage.account')" align="center" />
+        <el-table-column prop="remark" :label="$t('resourceSupplierManage.remark')" align="center" />
+        <el-table-column :label="$t('resourceSupplierManage.operation')" align="center" width="180">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleEdit(scope.row)">
+              {{ $t('resourceSupplierManage.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.row)">
+              {{ $t('resourceSupplierManage.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+        :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+
+    <!-- 组件 -->
+    <add-resource-supplier ref="addDialog" @success="handleSuccess" />
+    <edit-resource-supplier ref="editDialog" @success="handleSuccess" />
+    <delete-resource-supplier ref="deleteDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listResourceSuppliers } from '@/api/resource/resourceSupplierManageApi'
+import AddResourceSupplier from '@/components/resource/AddResourceSupplier'
+import EditResourceSupplier from '@/components/resource/EditResourceSupplier'
+import DeleteResourceSupplier from '@/components/resource/DeleteResourceSupplier'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ResourceSupplierManageList',
+  components: {
+    AddResourceSupplier,
+    EditResourceSupplier,
+    DeleteResourceSupplier
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        rsId: '',
+        supplierName: '',
+        tel: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.searchForm,
+          communityId: getCommunityId()
+        }
+        const { data, total } = await listResourceSuppliers(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(error.message)
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        rsId: '',
+        supplierName: '',
+        tel: ''
+      }
+      this.handleSearch()
+    },
+    handleAdd() {
+      this.$refs.addDialog.open()
+    },
+    handleEdit(row) {
+      this.$refs.editDialog.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.resource-supplier-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-input {
+      width: 100%;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/resource/urgentPurchaseApplyStepLang.js b/src/views/resource/urgentPurchaseApplyStepLang.js
new file mode 100644
index 0000000..3ccdbc7
--- /dev/null
+++ b/src/views/resource/urgentPurchaseApplyStepLang.js
@@ -0,0 +1,100 @@
+export const messages = {
+  en: {
+    urgentPurchaseApplyStep: {
+      applyInfo: 'Application Information',
+      warehouse: 'Warehouse',
+      requiredSelectWarehouse: 'Required, please select warehouse',
+      contact: 'Contact',
+      requiredContact: 'Required, please fill in contact',
+      phone: 'Phone',
+      requiredPhone: 'Required, please fill in phone number',
+      applyDesc: 'Application Description',
+      requiredDesc: 'Required, please fill in application description',
+      purchaseItems: 'Purchase Items',
+      select: 'Select',
+      itemType: 'Item Type',
+      nameCode: 'Name(Code)',
+      spec: 'Specification',
+      referencePrice: 'Reference Price',
+      stock: 'Stock',
+      applyQuantity: 'Apply Quantity',
+      requiredQuantity: 'Required, please fill in quantity',
+      purchasePrice: 'Purchase Price',
+      requiredPrice: 'Required, please fill in price',
+      targetWarehouse: 'Target Warehouse',
+      requiredTargetWarehouse: 'Required, please select target warehouse',
+      remark: 'Remark',
+      optionalRemark: 'Optional, please fill in remark',
+      operation: 'Operation',
+      remove: 'Remove',
+      submit: 'Submit',
+      requiredSelectItems: 'Please select purchase items',
+      sameWarehouseRequired: 'Purchased items must come from the same warehouse!'
+    },
+    chooseResourceStore4: {
+      title: '[Urgent Purchase] Select Items',
+      selectWarehouse: 'Please select warehouse',
+      selectItemType: 'Please select item type',
+      selectSubType: 'Please select sub category',
+      inputItemName: 'Input item name',
+      warehouse: 'Warehouse',
+      itemType: 'Item Type',
+      itemName: 'Item Name',
+      spec: 'Specification',
+      code: 'Code',
+      fixedItem: 'Fixed Item',
+      price: 'Price',
+      stock: 'Stock',
+      selectItemsRequired: 'Please select items to purchase'
+    }
+  },
+  zh: {
+    urgentPurchaseApplyStep: {
+      applyInfo: '申请信息',
+      warehouse: '仓库',
+      requiredSelectWarehouse: '必填，请选择仓库',
+      contact: '联系人',
+      requiredContact: '必填，请填写联系人',
+      phone: '联系电话',
+      requiredPhone: '必填，请填写联系电话',
+      applyDesc: '申请说明',
+      requiredDesc: '必填，请填写申请说明',
+      purchaseItems: '采购物品',
+      select: '选择',
+      itemType: '物品类型',
+      nameCode: '名称(编码)',
+      spec: '物品规格',
+      referencePrice: '参考价格',
+      stock: '物品库存',
+      applyQuantity: '申请数量',
+      requiredQuantity: '必填，请填写申请数量',
+      purchasePrice: '采购单价',
+      requiredPrice: '必填，请填写采购单价',
+      targetWarehouse: '目标仓库',
+      requiredTargetWarehouse: '必填，请选择目标仓库',
+      remark: '备注',
+      optionalRemark: '选填，请填写备注',
+      operation: '操作',
+      remove: '移除',
+      submit: '提交',
+      requiredSelectItems: '请选择采购物品',
+      sameWarehouseRequired: '采购商品需来自同一仓库！'
+    },
+    chooseResourceStore4: {
+      title: '【紧急采购】选择物品',
+      selectWarehouse: '请选择仓库',
+      selectItemType: '请选择物品类型',
+      selectSubType: '请选择二级分类',
+      inputItemName: '输入物品管理名称',
+      warehouse: '仓库',
+      itemType: '物品类型',
+      itemName: '物品名称',
+      spec: '物品规格',
+      code: '物品编码',
+      fixedItem: '固定物品',
+      price: '物品价格',
+      stock: '物品库存',
+      selectItemsRequired: '请选择需要采购的物品'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/resource/urgentPurchaseApplyStepList.vue b/src/views/resource/urgentPurchaseApplyStepList.vue
new file mode 100644
index 0000000..293fad1
--- /dev/null
+++ b/src/views/resource/urgentPurchaseApplyStepList.vue
@@ -0,0 +1,338 @@
+<template>
+  <div class="urgent-purchase-apply-step-container">
+    <!-- 申请信息 -->
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('urgentPurchaseApplyStep.applyInfo') }}</span>
+      </div>
+      <el-form label-width="120px">
+        <el-form-item :label="$t('urgentPurchaseApplyStep.warehouse')">
+          <el-select v-model="urgentPurchaseApplyStepInfo.shId" @change="_computeFlow" style="width:100%">
+            <el-option disabled value="" :label="$t('urgentPurchaseApplyStep.requiredSelectWarehouse')" />
+            <el-option v-for="(item, index) in urgentPurchaseApplyStepInfo.storehouses" :key="index" :label="item.shName"
+              :value="item.shId" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item :label="$t('urgentPurchaseApplyStep.contact')">
+          <el-input v-model.trim="urgentPurchaseApplyStepInfo.endUserName"
+            :placeholder="$t('urgentPurchaseApplyStep.requiredContact')" />
+        </el-form-item>
+
+        <el-form-item :label="$t('urgentPurchaseApplyStep.phone')">
+          <el-input v-model.trim="urgentPurchaseApplyStepInfo.endUserTel"
+            :placeholder="$t('urgentPurchaseApplyStep.requiredPhone')" />
+        </el-form-item>
+
+        <el-form-item :label="$t('urgentPurchaseApplyStep.applyDesc')">
+          <el-input type="textarea" v-model.trim="urgentPurchaseApplyStepInfo.description"
+            :placeholder="$t('urgentPurchaseApplyStep.requiredDesc')" />
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 采购物品 -->
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <div class="card-header">
+          <span>{{ $t('urgentPurchaseApplyStep.purchaseItems') }}</span>
+          <el-button type="primary" size="small" @click="_openSelectResourceStoreInfoModel">
+            <i class="el-icon-search"></i>
+            {{ $t('urgentPurchaseApplyStep.select') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table :data="urgentPurchaseApplyStepInfo.resourceStores" border style="width: 100%">
+        <el-table-column prop="parentRstName" :label="$t('urgentPurchaseApplyStep.itemType')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.parentRstName || '-' }} > {{ scope.row.rstName || '-' }}
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="resName" :label="$t('urgentPurchaseApplyStep.nameCode')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.resName }}({{ scope.row.resCode }})
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="rssName" :label="$t('urgentPurchaseApplyStep.spec')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.rssName || '-' }}
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="price" :label="$t('urgentPurchaseApplyStep.referencePrice')" align="center" />
+
+        <el-table-column prop="stock" :label="$t('urgentPurchaseApplyStep.stock')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.stock }}{{ scope.row.unitCodeName }}
+          </template>
+        </el-table-column>
+
+        <el-table-column :label="$t('urgentPurchaseApplyStep.applyQuantity')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-input-number v-model="scope.row.quantity" :min="1"
+              :placeholder="$t('urgentPurchaseApplyStep.requiredQuantity')" style="width: 80%" />
+            {{ scope.row.unitCodeName }}
+          </template>
+        </el-table-column>
+
+        <el-table-column :label="$t('urgentPurchaseApplyStep.purchasePrice')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-input-number v-model="scope.row.urgentPrice" :min="0.01"
+              :placeholder="$t('urgentPurchaseApplyStep.requiredPrice')" style="width: 100%" />
+          </template>
+        </el-table-column>
+
+        <el-table-column :label="$t('urgentPurchaseApplyStep.targetWarehouse')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.shzId" @change="storeHousesChange($event, scope.$index)" style="width:100%">
+              <el-option value="" :label="$t('urgentPurchaseApplyStep.requiredTargetWarehouse')" />
+              <el-option v-for="(item, index) in urgentPurchaseApplyStepInfo.storehousesB" :key="index"
+                :label="item.shName" :value="item.shId" />
+            </el-select>
+          </template>
+        </el-table-column>
+
+        <el-table-column :label="$t('urgentPurchaseApplyStep.remark')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.remark" :placeholder="$t('urgentPurchaseApplyStep.optionalRemark')" />
+          </template>
+        </el-table-column>
+
+        <el-table-column :label="$t('urgentPurchaseApplyStep.operation')" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="danger" size="mini" @click="_removeSelectResourceStoreItem(scope.row.resId)">
+              <i class="el-icon-delete"></i>
+              {{ $t('urgentPurchaseApplyStep.remove') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <div class="footer-buttons">
+      <el-button type="primary" @click="_finishStep">
+        {{ $t('urgentPurchaseApplyStep.submit') }}
+      </el-button>
+    </div>
+
+    <choose-resource-store4 ref="chooseResourceStore4" @setSelectResourceStores="handleSetSelectResourceStores" />
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import ChooseResourceStore4 from '@/components/resource/chooseResourceStore4'
+import * as api from '@/api/resource/urgentPurchaseApplyStepApi'
+import {getUserName,getUserTel} from '@/api/user/userApi'
+
+export default {
+  name: 'UrgentPurchaseApplyStepList',
+  components: {
+    ChooseResourceStore4
+  },
+  data() {
+    return {
+      urgentPurchaseApplyStepInfo: {
+        resourceStores: [],
+        description: '',
+        endUserName: '',
+        endUserTel: '',
+        file: '',
+        resOrderType: '',
+        staffId: '',
+        shId: '',
+        staffName: '',
+        communityId: '',
+        storehouses: [],
+        storehousesB: []
+      }
+    }
+  },
+  created() {
+    this._initData()
+  },
+  methods: {
+    async _initData() {
+      this.urgentPurchaseApplyStepInfo.communityId = await getCommunityId()
+      this.urgentPurchaseApplyStepInfo.resOrderType = this.$route.query.resOrderType
+      this.urgentPurchaseApplyStepInfo.endUserName = getUserName()
+      this.urgentPurchaseApplyStepInfo.endUserTel = getUserTel()
+      this._listAllocationStorehouse()
+      this._listAllocationStorehouseB()
+    },
+    async _listAllocationStorehouse() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          allowPurchase: 'ON'
+        }
+        const { data } = await api.listStorehouses(params)
+        this.urgentPurchaseApplyStepInfo.storehouses = data
+      } catch (error) {
+        console.error('获取仓库列表失败:', error)
+      }
+    },
+    async _listAllocationStorehouseB() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.urgentPurchaseApplyStepInfo.communityId
+        }
+        const { data } = await api.listStorehouses(params)
+        this.urgentPurchaseApplyStepInfo.storehousesB = data
+      } catch (error) {
+        console.error('获取目标仓库列表失败:', error)
+      }
+    },
+    _openSelectResourceStoreInfoModel() {
+      if (!this.urgentPurchaseApplyStepInfo.shId) {
+        this.$message.error(this.$t('urgentPurchaseApplyStep.requiredSelectWarehouse'))
+        return
+      }
+      if (!this.urgentPurchaseApplyStepInfo.endUserName) {
+        this.$message.error(this.$t('urgentPurchaseApplyStep.requiredContact'))
+        return
+      }
+      if (!this.urgentPurchaseApplyStepInfo.endUserTel) {
+        this.$message.error(this.$t('urgentPurchaseApplyStep.requiredPhone'))
+        return
+      }
+      if (!this.urgentPurchaseApplyStepInfo.description) {
+        this.$message.error(this.$t('urgentPurchaseApplyStep.requiredDesc'))
+        return
+      }
+      this.$refs.chooseResourceStore4.open({
+        shId: this.urgentPurchaseApplyStepInfo.shId
+      })
+    },
+    handleSetSelectResourceStores(resourceStores) {
+      let oldList = this.urgentPurchaseApplyStepInfo.resourceStores
+      // 过滤重复选择的商品
+      resourceStores.forEach((newItem, newIndex) => {
+        newItem.rsId = ''
+        newItem.shzId = ''
+        oldList.forEach((oldItem) => {
+          if (oldItem.resId === newItem.resId) {
+            delete resourceStores[newIndex]
+          }
+        })
+      })
+      // 合并已有商品和新添加商品
+      resourceStores.push.apply(resourceStores, oldList)
+      // 过滤空元素
+      resourceStores = resourceStores.filter((s) => {
+        return s['resId']
+      })
+      this.urgentPurchaseApplyStepInfo.resourceStores = resourceStores
+    },
+    _resourcesFromSameHouse(resourcesList) {
+      if (!resourcesList || resourcesList.length < 2) {
+        return true
+      }
+      let lastHouse = ''
+      let sign = true
+      for (let i = 0; i < resourcesList.length; i++) {
+        if (lastHouse === '') {
+          lastHouse = resourcesList[i].shId
+          continue
+        }
+        if (lastHouse === resourcesList[i].shId) {
+          continue
+        } else {
+          sign = false
+          break
+        }
+      }
+      return sign
+    },
+    async _finishStep() {
+      const _resourceStores = this.urgentPurchaseApplyStepInfo.resourceStores
+      if (!_resourceStores || _resourceStores.length < 1) {
+        this.$message.error(this.$t('urgentPurchaseApplyStep.requiredSelectItems'))
+        return
+      }
+      if (!this._resourcesFromSameHouse(_resourceStores)) {
+        this.$message.error(this.$t('urgentPurchaseApplyStep.sameWarehouseRequired'))
+        return
+      }
+      let _saveFlag = true
+      _resourceStores.forEach(item => {
+        if (!item.shzId) {
+          this.$message.error(`${item.resName}${this.$t('urgentPurchaseApplyStep.requiredTargetWarehouse')}`)
+          _saveFlag = false
+          return
+        }
+        if (!item.quantity || item.quantity <= 0) {
+          this.$message.error(`${item.resName}${this.$t('urgentPurchaseApplyStep.requiredQuantity')}`)
+          _saveFlag = false
+          return
+        }
+        if (!item.urgentPrice || item.urgentPrice <= 0) {
+          this.$message.error(`${item.resName}${this.$t('urgentPurchaseApplyStep.requiredPrice')}`)
+          _saveFlag = false
+          return
+        }
+      })
+      if (!_saveFlag) {
+        return
+      }
+      try {
+        const res = await api.urgentPurchaseApply(this.urgentPurchaseApplyStepInfo)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.operationSuccess'))
+          this.$router.go(-1)
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        console.error('提交失败:', error)
+        this.$message.error(this.$t('common.operationFailed'))
+      }
+    },
+    storeHousesChange(e, i) {
+      const shId = e
+      this.urgentPurchaseApplyStepInfo.storehouses.forEach((item) => {
+        if (item.shId === shId) {
+          this.urgentPurchaseApplyStepInfo.resourceStores[i].shzName = item.shName
+        }
+      })
+    },
+    _removeSelectResourceStoreItem(resId) {
+      this.urgentPurchaseApplyStepInfo.resourceStores.forEach((item, index) => {
+        if (item.resId === resId) {
+          this.urgentPurchaseApplyStepInfo.resourceStores.splice(index, 1)
+        }
+      })
+    },
+    _computeFlow() {
+      this.urgentPurchaseApplyStepInfo.resourceStores = []
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.urgent-purchase-apply-step-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+
+  .footer-buttons {
+    text-align: right;
+    margin-top: 20px;
+  }
+}
+</style>
\ No newline at end of file