小区下的功能修改完成

wuxw
1 parent f92fd6ac
Showing 35 changed files with 3680 additions and 97 deletions
src/api/community/addCommunityPublicityApi.js
src/api/community/communityPublicityManageApi.js
src/api/community/editCommunityPublicityApi.js
src/api/work/addItemReleaseViewApi.js
src/api/work/itemReleaseManageApi.js
src/api/work/itemReleaseTypeManageApi.js
src/components/community/deleteCommunityPublicity.vue
src/components/community/uploadImageUrl.vue
src/components/community/viewImage.vue
src/components/work/addItemReleaseType.vue
src/components/work/deleteItemRelease.vue
src/components/work/deleteItemReleaseType.vue
src/components/work/editItemRelease.vue
src/components/work/editItemReleaseType.vue
src/components/work/orgTreeShow.vue
src/components/work/selectStaff.vue
src/components/work/viewItemReleaseRes.vue
src/i18n/communityI18n.js
src/i18n/index.js
src/i18n/workI18n.js
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取公示类型字典
+export function getPublicityTypes() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict/getDict',
+      method: 'get',
+      params: {
+        dictType: 'community_publicity',
+        dictCode: 'pub_type'
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存社区公示
+export function saveCommunityPublicity(data) {
+  data.communityId = getCommunityId()
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/publicity.saveCommunityPublicity',
+      method: 'post',
+      data
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 上传图片
+export function uploadImage(data) {
+  data.communityId = getCommunityId()
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/uploadFile/uploadImage',
+      method: 'post',
+      data,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取小区公示列表
+export function getCommunityPublicityList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/publicity.listCommunityPublicity',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除小区公示
+export function deleteCommunityPublicity(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/publicity.deleteCommunityPublicity',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取字典数据
+export function getDict(dictType, dictName) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict.getDict',
+      method: 'get',
+      params: {
+        dictType,
+        dictName
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+/**
+ * 更新社区公示信息
+ * @param {Object} data 公示信息
+ * @returns {Promise}
+ */
+export function updateCommunityPublicity(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/publicity.updateCommunityPublicity',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取社区公示列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function listCommunityPublicity(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/publicity.listCommunityPublicity',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data || [],
+        total: res.total || 0
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 上传文件
+ * @param {FormData} formData 文件表单数据
+ * @returns {Promise}
+ */
+export function uploadFile(formData) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/uploadFile',
+      method: 'post',
+      data: formData,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取单个公示详情
+ * @param {String} pubId 公示ID
+ * @returns {Promise}
+ */
+export function getCommunityPublicityDetail(pubId) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/publicity.getCommunityPublicity',
+      method: 'get',
+      params: { pubId }
+    }).then(response => {
+      const res = response.data
+      resolve(res.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 保存放行信息
+export function saveItemRelease(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/itemRelease.saveItemRelease',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取放行类型列表
+export function listItemReleaseType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/itemRelease.listItemReleaseType',
+      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 listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取物品放行列表
+export function listItemRelease(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/itemRelease.listItemRelease',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取物品放行类型列表
+export function listItemReleaseType(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/itemRelease.listItemReleaseType',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新物品放行信息
+export function updateItemRelease(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/itemRelease.updateItemRelease',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除物品放行
+export function deleteItemRelease(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/itemRelease.deleteItemRelease',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取物品放行物品列表
+export function listItemReleaseRes(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/itemRelease.listItemReleaseRes',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取放行类型列表
+export function listItemReleaseType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/itemRelease.listItemReleaseType',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加放行类型
+export function saveItemReleaseType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/itemRelease.saveItemReleaseType',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 修改放行类型
+export function updateItemReleaseType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/itemRelease.updateItemReleaseType',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除放行类型
+export function deleteItemReleaseType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/itemRelease.deleteItemReleaseType',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 部署流程
+export function deployModel(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow/deployModel',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('communityPublicityManage.deleteTitle')"
+    :visible.sync="visible"
+    width="500px"
+    :before-close="handleClose"
+  >
+    <div class="delete-content">
+      <p>{{ $t('communityPublicityManage.deleteConfirm') }}</p>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm" :loading="loading">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteCommunityPublicity } from '@/api/community/communityPublicityManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteCommunityPublicity',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      currentItem: null
+    }
+  },
+  methods: {
+    open(item) {
+      this.currentItem = item
+      this.visible = true
+    },
+    handleClose() {
+      this.visible = false
+    },
+    async handleConfirm() {
+      try {
+        this.loading = true
+        const params = {
+          pubId: this.currentItem.pubId,
+          communityId: getCommunityId()
+        }
+        await deleteCommunityPublicity(params)
+        this.$message.success(this.$t('communityPublicityManage.deleteSuccess'))
+        this.$emit('success')
+        this.handleClose()
+      } catch (error) {
+        console.error('删除失败:', error)
+        this.$message.error(error.message || this.$t('communityPublicityManage.deleteError'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.delete-content {
+  text-align: center;
+  font-size: 16px;
+  padding: 20px 0;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
 <template>
-  <div class="uploadImage">
+  <div class="upload-image-container">
     <div v-for="(image, index) in photos" :key="index" class="image-item">
-      <img :src="image" width="100" height="100" />
-      <i class="el-icon-close remove-icon" @click="removeImage(index)"></i>
+      <el-image
+        :src="image.url || image"
+        fit="cover"
+        style="width: 100px; height: 100px"
+        :preview-src-list="[image.url || image]"
+      >
+        <div slot="error" class="image-slot">
+          <i class="el-icon-picture-outline"></i>
+        </div>
+      </el-image>
+      <i
+        class="el-icon-delete remove-icon"
+        @click="removeImage(index)"
+      ></i>
     </div>
-    <div v-if="photos.length < imageCount" class="upload-button" @click="triggerUpload">
+    <div
+      v-if="photos.length < imageCount"
+      class="upload-button"
+      @click="triggerUpload"
+    >
       <i class="el-icon-plus"></i>
     </div>
-    <input type="file" ref="fileInput" accept="image/*" hidden @change="handleFileChange">
+    <input
+      type="file"
+      ref="fileInput"
+      accept="image/*"
+      hidden
+      @change="handleFileChange"
+    />
   </div>
 </template>
  
 <script>
+import { uploadImage } from '@/api/community/addCommunityPublicityApi'
+
 export default {
   name: 'UploadImageUrl',
   props: {
     imageCount: {
       type: Number,
       default: 99
+    },
+    callBackListener: {
+      type: String,
+      required: true
+    },
+    callBackFunction: {
+      type: String,
+      required: true
     }
   },
   data() {
@@ -28,95 +60,124 @@ export default {
   },
   watch: {
     photosUrl: {
-      handler(val) {
-        this.$emit('update:photosUrl', val)
-      },
-      deep: true
+      deep: true,
+      handler(newVal) {
+        this.$emit(this.callBackFunction, newVal)
+      }
     }
   },
   methods: {
     triggerUpload() {
       this.$refs.fileInput.click()
     },
-    handleFileChange(event) {
-      const file = event.target.files[0]
-      if (!file) return
-      
+    async handleFileChange(event) {
+      const files = event.target.files
+      if (!files || files.length === 0) return
+
+      const file = files[0]
       if (file.size > 2 * 1024 * 1024) {
-        this.$message.error(this.$t('enterCommunity.fileSizeError'))
+        this.$message.error(this.$t('uploadImage.fileSizeError'))
         return
       }
-      
-      const reader = new FileReader()
-      reader.onload = (e) => {
-        this.photos.push(e.target.result)
-        this.uploadImage(file)
+
+      try {
+        // Preview image
+        const reader = new FileReader()
+        reader.onload = (e) => {
+          this.photos.push(e.target.result)
+        }
+        reader.readAsDataURL(file)
+
+        // Upload image
+        const formData = new FormData()
+        formData.append('uploadFile', file)
+        const response = await uploadImage(formData)
+        this.photosUrl.push(response.data)
+      } catch (error) {
+        this.$message.error(this.$t('uploadImage.uploadError'))
+      } finally {
+        event.target.value = ''
       }
-      reader.readAsDataURL(file)
-      
-      // 重置input
-      event.target.value = null
     },
     removeImage(index) {
       this.photos.splice(index, 1)
       this.photosUrl.splice(index, 1)
     },
-    uploadImage(file) {
-      const formData = new FormData()
-      formData.append('uploadFile', file)
-      formData.append('communityId', this.$store.getters.currentCommunity.communityId)
-      
-      this.$http.upload('uploadFile', 'uploadImage', formData, {
-        headers: { 'Content-Type': 'multipart/form-data' }
-      }).then(res => {
-        const data = JSON.parse(res.data)
-        this.photosUrl.push({
-          fileId: data.fileId,
-          url: `/callComponent/download/getFile/file?fileId=${data.fileId}`
-        })
-      }).catch(err => {
-        this.$message.error(this.$t('enterCommunity.uploadError'))
-      })
+    clearImages() {
+      this.photos = []
+      this.photosUrl = []
     },
-    setPhotos(photos) {
-      this.photos = photos
+    setImages(images) {
+      this.clearImages()
+      images.forEach(image => {
+        if (typeof image === 'string') {
+          this.photos.push(image)
+          this.photosUrl.push({ fileId: image, url: image })
+        } else {
+          this.photos.push(image.url)
+          this.photosUrl.push(image)
+        }
+      })
     }
   }
 }
 </script>
  
-<style scoped>
-.uploadImage {
+<style lang="scss" scoped>
+.upload-image-container {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
-}
-.image-item {
-  position: relative;
-  display: inline-block;
-}
-.remove-icon {
-  position: absolute;
-  top: -10px;
-  right: -10px;
-  color: #f56c6c;
-  cursor: pointer;
-  background: white;
-  border-radius: 50%;
-}
-.upload-button {
-  width: 100px;
-  height: 100px;
-  border: 1px dashed #dcdfe6;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 24px;
-  color: #8c939d;
-  cursor: pointer;
-}
-.upload-button:hover {
-  border-color: #409eff;
+
+  .image-item {
+    position: relative;
+    margin-right: 10px;
+    margin-bottom: 10px;
+
+    .remove-icon {
+      position: absolute;
+      top: -10px;
+      right: -10px;
+      color: #f56c6c;
+      background: #fff;
+      border-radius: 50%;
+      cursor: pointer;
+      font-size: 16px;
+      z-index: 1;
+
+      &:hover {
+        color: #f78989;
+      }
+    }
+  }
+
+  .upload-button {
+    width: 100px;
+    height: 100px;
+    border: 1px dashed #dcdfe6;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    color: #909399;
+    font-size: 24px;
+
+    &:hover {
+      border-color: #409eff;
+      color: #409eff;
+    }
+  }
+
+  .image-slot {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    background: #f5f7fa;
+    color: #909399;
+    font-size: 30px;
+  }
 }
 </style>
 \ No newline at end of file
 <template>
-  <div id="view-image" v-show="visible">
+  <div v-show="visible" class="image-viewer">
     <div class="image-container">
-      <img :src="imageUrl" :width="imageWidth" :height="imageHeight" @error="handleImageError" />
-      <span class="el-icon-close close-icon" @click="close" />
+      <img
+        :src="imageUrl"
+        :style="{
+          width: imageWidth + 'px',
+          height: imageHeight + 'px'
+        }"
+        @error="handleImageError"
+      />
+      <i class="el-icon-close close-icon" @click="close"></i>
     </div>
   </div>
 </template>
@@ -23,20 +30,24 @@ export default {
       this.imageUrl = url
       this.visible = true
       this.enterFullscreen()
+      
+      // 计算图片宽高比例
       const img = new Image()
       img.src = url
       img.onload = () => {
-        const imgScale = img.width / img.height
-        this.imageWidth = 800
-        this.imageHeight = 800 / imgScale
+        const ratio = img.width / img.height
+        this.imageHeight = this.imageWidth / ratio
       }
     },
     close() {
       this.exitFullscreen()
       this.visible = false
     },
+    handleImageError(e) {
+      e.target.src = '/img/noPhoto.jpg'
+    },
     enterFullscreen() {
-      const element = document.getElementById('view-image')
+      const element = this.$el
       if (element.requestFullscreen) {
         element.requestFullscreen()
       } else if (element.mozRequestFullScreen) {
@@ -55,16 +66,13 @@ export default {
       } else if (document.webkitExitFullscreen) {
         document.webkitExitFullscreen()
       }
-    },
-    handleImageError(e) {
-      e.target.src = '/img/noPhoto.jpg'
     }
   }
 }
 </script>
  
-<style scoped>
-#view-image {
+<style lang="scss" scoped>
+.image-viewer {
   position: fixed;
   top: 0;
   left: 0;
@@ -75,21 +83,28 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-}
  
-.image-container {
-  position: relative;
-  background-color: #fff;
-  padding: 20px;
-  border-radius: 4px;
-}
+  .image-container {
+    position: relative;
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 4px;
+
+    img {
+      max-width: 80vw;
+      max-height: 80vh;
+      object-fit: contain;
+    }
  
-.close-icon {
-  position: absolute;
-  right: 20px;
-  top: 20px;
-  font-size: 20px;
-  color: red;
-  cursor: pointer;
+    .close-icon {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: #f56c6c;
+      cursor: pointer;
+      z-index: 1;
+    }
+  }
 }
 </style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('itemReleaseTypeManage.add.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('itemReleaseTypeManage.form.typeName')"
+        prop="typeName"
+      >
+        <el-input
+          v-model="form.typeName"
+          :placeholder="$t('itemReleaseTypeManage.form.typeNamePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('itemReleaseTypeManage.form.remark')"
+        prop="remark"
+      >
+        <el-input
+          v-model="form.remark"
+          type="textarea"
+          :rows="3"
+          :placeholder="$t('itemReleaseTypeManage.form.remarkPlaceholder')"
+        />
+      </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.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveItemReleaseType } from '@/api/work/itemReleaseTypeManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddItemReleaseType',
+  data() {
+    return {
+      visible: false,
+      form: {
+        typeName: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        typeName: [
+          { required: true, message: this.$t('itemReleaseTypeManage.validate.typeNameRequired'), trigger: 'blur' },
+          { max: 30, message: this.$t('itemReleaseTypeManage.validate.typeNameMaxLength'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('itemReleaseTypeManage.validate.remarkRequired'), trigger: 'blur' },
+          { max: 512, message: this.$t('itemReleaseTypeManage.validate.remarkMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.form.communityId = getCommunityId()
+      this.$nextTick(() => {
+        this.$refs.form.resetFields()
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveItemReleaseType(this.form)
+            this.$message.success(this.$t('itemReleaseTypeManage.add.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(this.$t('itemReleaseTypeManage.add.error'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('common.confirmOperation')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div style="text-align: center">
+      <p>{{ $t('itemReleaseManage.delete.confirmDelete') }}</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.confirmDelete') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { deleteItemRelease } from '@/api/work/itemReleaseManageApi'
+
+export default {
+  name: 'DeleteItemRelease',
+  data() {
+    return {
+      visible: false,
+      communityId: '',
+      currentItem: {}
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(item) {
+      this.currentItem = {
+        ...item,
+        communityId: this.communityId
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.currentItem = {}
+    },
+    async handleConfirm() {
+      try {
+        await deleteItemRelease(this.currentItem)
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        console.error('删除物品放行失败:', error)
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('itemReleaseTypeManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    center
+  >
+    <div class="text-center">
+      <p>{{ $t('itemReleaseTypeManage.delete.confirmText') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="danger" @click="handleConfirm">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteItemReleaseType } from '@/api/work/itemReleaseTypeManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteItemReleaseType',
+  data() {
+    return {
+      visible: false,
+      form: {
+        typeId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        typeId: row.typeId,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteItemReleaseType(this.form)
+        this.$message.success(this.$t('itemReleaseTypeManage.delete.success'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(this.$t('itemReleaseTypeManage.delete.error'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('itemReleaseManage.edit.title')"
+    :visible.sync="visible"
+    width="60%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('itemReleaseManage.form.releaseType')"
+        prop="typeId"
+      >
+        <el-select
+          v-model="formData.typeId"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredSelect')"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="item in releaseTypes"
+            :key="item.typeId"
+            :label="item.typeName"
+            :value="item.typeId"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.applyCompany')"
+        prop="applyCompany"
+      >
+        <el-input
+          v-model="formData.applyCompany"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredInput')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.applyPerson')"
+        prop="applyPerson"
+      >
+        <el-input
+          v-model="formData.applyPerson"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredInput')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.idCard')"
+        prop="idCard"
+      >
+        <el-input
+          v-model="formData.idCard"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredInput')"
+          maxlength="18"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.phone')"
+        prop="applyTel"
+      >
+        <el-input
+          v-model="formData.applyTel"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredInput')"
+          maxlength="11"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.passTime')"
+        prop="passTime"
+      >
+        <el-input
+          v-model="formData.passTime"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredInput')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.releaseItems')"
+        prop="resName"
+      >
+        <el-input
+          v-model="formData.resName"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredInput')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.itemAmount')"
+        prop="amount"
+      >
+        <el-input
+          v-model="formData.amount"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredInput')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.status')"
+        prop="state"
+      >
+        <el-select
+          v-model="formData.state"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredSelect')"
+          style="width: 100%"
+        >
+          <el-option
+            :label="$t('itemReleaseManage.status.waiting')"
+            value="W"
+          />
+          <el-option
+            :label="$t('itemReleaseManage.status.processing')"
+            value="D"
+          />
+          <el-option
+            :label="$t('itemReleaseManage.status.completed')"
+            value="C"
+          />
+          <el-option
+            :label="$t('itemReleaseManage.status.failed')"
+            value="F"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.carNumber')"
+        prop="carNum"
+      >
+        <el-input
+          v-model="formData.carNum"
+          :placeholder="$t('itemReleaseManage.placeholder.requiredInput')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('itemReleaseManage.form.remark')"
+        prop="remark"
+      >
+        <el-input
+          v-model="formData.remark"
+          type="textarea"
+          :placeholder="$t('itemReleaseManage.placeholder.optionalInput')"
+        />
+      </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 { getCommunityId } from '@/api/community/communityApi'
+import { updateItemRelease, listItemReleaseType } from '@/api/work/itemReleaseManageApi'
+
+export default {
+  name: 'EditItemRelease',
+  data() {
+    return {
+      visible: false,
+      communityId: '',
+      releaseTypes: [],
+      formData: {
+        irId: '',
+        typeId: '',
+        applyCompany: '',
+        applyPerson: '',
+        idCard: '',
+        applyTel: '',
+        passTime: '',
+        resName: '',
+        amount: '',
+        state: '',
+        carNum: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        typeId: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 30, message: this.$t('itemReleaseManage.validate.maxLength30'), trigger: 'blur' }
+        ],
+        applyCompany: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 64, message: this.$t('itemReleaseManage.validate.maxLength64'), trigger: 'blur' }
+        ],
+        applyPerson: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 64, message: this.$t('itemReleaseManage.validate.maxLength64'), trigger: 'blur' }
+        ],
+        idCard: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 18, message: this.$t('itemReleaseManage.validate.maxLength18'), trigger: 'blur' }
+        ],
+        applyTel: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 11, message: this.$t('itemReleaseManage.validate.maxLength11'), trigger: 'blur' }
+        ],
+        passTime: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 12, message: this.$t('itemReleaseManage.validate.maxLength12'), trigger: 'blur' }
+        ],
+        resName: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 512, message: this.$t('itemReleaseManage.validate.maxLength512'), trigger: 'blur' }
+        ],
+        amount: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 12, message: this.$t('itemReleaseManage.validate.maxLength12'), trigger: 'blur' }
+        ],
+        state: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 12, message: this.$t('itemReleaseManage.validate.maxLength12'), trigger: 'blur' }
+        ],
+        carNum: [
+          { required: true, message: this.$t('itemReleaseManage.validate.required'), trigger: 'blur' },
+          { max: 12, message: this.$t('itemReleaseManage.validate.maxLength12'), trigger: 'blur' }
+        ],
+        remark: [
+          { max: 512, message: this.$t('itemReleaseManage.validate.maxLength512'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.loadReleaseTypes()
+  },
+  methods: {
+    async loadReleaseTypes() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.communityId
+        }
+        const { data } = await listItemReleaseType(params)
+        this.releaseTypes = data
+      } catch (error) {
+        console.error('获取放行类型失败:', error)
+      }
+    },
+    open(data) {
+      this.formData = {
+        ...this.formData,
+        ...data,
+        communityId: this.communityId
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateItemRelease(this.formData)
+            this.$message.success(this.$t('common.updateSuccess'))
+            this.$emit('success')
+            this.visible = false
+          } catch (error) {
+            console.error('更新物品放行失败:', error)
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('itemReleaseTypeManage.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('itemReleaseTypeManage.form.typeName')"
+        prop="typeName"
+      >
+        <el-input
+          v-model="form.typeName"
+          :placeholder="$t('itemReleaseTypeManage.form.typeNamePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('itemReleaseTypeManage.form.remark')"
+        prop="remark"
+      >
+        <el-input
+          v-model="form.remark"
+          type="textarea"
+          :rows="3"
+          :placeholder="$t('itemReleaseTypeManage.form.remarkPlaceholder')"
+        />
+      </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.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateItemReleaseType } from '@/api/work/itemReleaseTypeManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditItemReleaseType',
+  data() {
+    return {
+      visible: false,
+      form: {
+        typeId: '',
+        typeName: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        typeName: [
+          { required: true, message: this.$t('itemReleaseTypeManage.validate.typeNameRequired'), trigger: 'blur' },
+          { max: 30, message: this.$t('itemReleaseTypeManage.validate.typeNameMaxLength'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('itemReleaseTypeManage.validate.remarkRequired'), trigger: 'blur' },
+          { max: 512, message: this.$t('itemReleaseTypeManage.validate.remarkMaxLength'), trigger: 'blur' }
+        ],
+        typeId: [
+          { required: true, message: this.$t('itemReleaseTypeManage.validate.typeIdRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        typeId: row.typeId,
+        typeName: row.typeName,
+        remark: row.remark,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateItemReleaseType(this.form)
+            this.$message.success(this.$t('itemReleaseTypeManage.edit.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(this.$t('itemReleaseTypeManage.edit.error'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="org-tree-show-container">
+    <el-tree
+      ref="orgTree"
+      :data="orgs"
+      :props="defaultProps"
+      node-key="id"
+      default-expand-all
+      highlight-current
+      @node-click="handleNodeClick"
+    />
+  </div>
+</template>
+
+<script>
+import { listOrgTree } from '@/api/work/addItemReleaseViewApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'OrgTreeShow',
+  props: {
+    callBackListener: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      orgs: [],
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    async refreshTree() {
+      try {
+        const params = {
+          communityId: this.communityId
+        }
+        const res = await listOrgTree(params)
+        this.orgs = res.data || []
+      } catch (error) {
+        console.error('Failed to load org tree:', error)
+      }
+    },
+    handleNodeClick(data) {
+      this.$emit('switch-org', {
+        orgId: data.id,
+        orgName: data.text
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.org-tree-show-container {
+  height: 100%;
+  overflow-y: auto;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    :title="$t('selectStaff.title')"
+    width="80%"
+    @close="handleClose"
+  >
+    <el-row :gutter="20">
+      <el-col :span="12" class="border-right">
+        <div class="text-center mb-20">
+          <h4>{{ $t('selectStaff.orgInfo') }}</h4>
+        </div>
+        <div class="org-tree-container">
+          <OrgTreeShow ref="orgTree" @switch-org="handleSwitchOrg" />
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="text-center mb-20">
+          <h4>{{ $t('selectStaff.staffInfo') }}</h4>
+        </div>
+        <div class="staff-list-container">
+          <div
+            v-for="item in staffs"
+            :key="item.staffId"
+            class="staff-item"
+            :class="{ 'selected': currentStaffId === item.staffId }"
+            @click="selectStaff(item)"
+          >
+            <div>
+              <i class="el-icon-user"></i>
+              {{ item.name }}
+            </div>
+            <div>{{ item.tel }}</div>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+    <div 
+      v-if="staff.from === 'bpmn' || staff.from === 'purchase' || staff.from === 'contract'"
+      slot="footer"
+      class="dialog-footer"
+    >
+      <el-button @click="selectFirstUser">{{ $t('selectStaff.submitter') }}</el-button>
+      <el-button @click="selectCustomUser">{{ $t('selectStaff.dynamicAssign') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import OrgTreeShow from './orgTreeShow'
+import { queryStaffInfos } from '@/api/work/addItemReleaseViewApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'SelectStaff',
+  components: {
+    OrgTreeShow
+  },
+  data() {
+    return {
+      visible: false,
+      staff: {},
+      staffs: [],
+      currentStaffId: '',
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(staff) {
+      this.staff = staff || {}
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.orgTree.refreshTree()
+      })
+    },
+    handleClose() {
+      this.visible = false
+      this.staffs = []
+      this.currentStaffId = ''
+    },
+    async handleSwitchOrg(org) {
+      try {
+        const params = {
+          page: 1,
+          rows: 50,
+          row: 50,
+          orgId: org.orgId
+        }
+        const res = await queryStaffInfos(params)
+        this.staffs = res.staffs || []
+        if (this.staffs.length > 0) {
+          this.currentStaffId = this.staffs[0].staffId
+        }
+      } catch (error) {
+        console.error('Failed to load staffs:', error)
+      }
+    },
+    selectStaff(item) {
+      this.currentStaffId = item.staffId
+      this.$emit('select', {
+        staffId: item.userId,
+        staffName: item.userName,
+        staffTel: item.tel
+      })
+      this.visible = false
+    },
+    selectFirstUser() {
+      this.$emit('select', {
+        staffId: '${startUserId}',
+        staffName: this.$t('selectStaff.submitter')
+      })
+      this.visible = false
+    },
+    selectCustomUser() {
+      this.$emit('select', {
+        staffId: '${nextUserId}',
+        staffName: this.$t('selectStaff.dynamicAssign')
+      })
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.border-right {
+  border-right: 1px solid #ebeef5;
+}
+.org-tree-container,
+.staff-list-container {
+  height: 400px;
+  overflow-y: auto;
+  padding: 10px;
+}
+.staff-item {
+  padding: 10px;
+  margin-bottom: 10px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.staff-item:hover {
+  background-color: #f5f7fa;
+}
+.staff-item.selected {
+  background-color: #ecf5ff;
+  border-color: #d9ecff;
+}
+.text-center {
+  text-align: center;
+}
+.mb-20 {
+  margin-bottom: 20px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('itemReleaseManage.viewItems.title')"
+    :visible.sync="visible"
+    width="50%"
+  >
+    <el-table
+      :data="items"
+      border
+      style="width: 100%"
+      v-loading="loading"
+    >
+      <el-table-column
+        prop="resName"
+        :label="$t('itemReleaseManage.viewItems.itemName')"
+        align="center"
+      />
+      <el-table-column
+        prop="amount"
+        :label="$t('itemReleaseManage.viewItems.amount')"
+        align="center"
+      />
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listItemReleaseRes } from '@/api/work/itemReleaseManageApi'
+
+export default {
+  name: 'ViewItemReleaseRes',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      communityId: '',
+      items: [],
+      currentItem: {}
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(item) {
+      this.currentItem = {
+        ...item,
+        communityId: this.communityId
+      }
+      this.visible = true
+      this.loadItems()
+    },
+    async loadItems() {
+      try {
+        this.loading = true
+        const params = {
+          page: 1,
+          row: 500,
+          communityId: this.communityId,
+          irId: this.currentItem.irId
+        }
+        const { data } = await listItemReleaseRes(params)
+        this.items = data
+      } catch (error) {
+        console.error('获取放行物品失败:', error)
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
@@ -2,17 +2,26 @@ import { messages as roomStructureMessages } from &#39;../views/room/roomStructureLa
 import { messages as carStructureMessages } from '../views/car/carStructureLang'
 import { messages as propertyRightRegistrationManageMessages } from '../views/room/propertyRightRegistrationManageLang'
 import { messages as listPropertyRightRegistrationDetailMessages } from '../views/room/listPropertyRightRegistrationDetailLang'
+import { messages as communityPublicityManageMessages } from '../views/community/communityPublicityManageLang'
+import { messages as addCommunityPublicityMessages } from '../views/community/addCommunityPublicityLang'
+import { messages as editCommunityPublicityMessages } from '../views/community/editCommunityPublicityLang'
 export const messages = {
     en: {
         ...roomStructureMessages.en,
         ...carStructureMessages.en,
         ...propertyRightRegistrationManageMessages.en,
         ...listPropertyRightRegistrationDetailMessages.en,
+        ...communityPublicityManageMessages.en,
+        ...addCommunityPublicityMessages.en,
+        ...editCommunityPublicityMessages.en,
     },
     zh: {
         ...roomStructureMessages.zh,
         ...carStructureMessages.zh,
         ...propertyRightRegistrationManageMessages.zh,
         ...listPropertyRightRegistrationDetailMessages.zh,
+        ...communityPublicityManageMessages.zh,
+        ...addCommunityPublicityMessages.zh,
+        ...editCommunityPublicityMessages.zh,
     }
 }
 \ No newline at end of file
@@ -145,6 +145,7 @@ import { messages as scmI18n } from &#39;./scmI18n&#39;
 import { messages as userI18n } from './userI18n'
 import { messages as systemI18n } from './systemI18n'
 import { messages as communityI18n } from './communityI18n'
+import { messages as workI18n } from './workI18n'
  
 Vue.use(VueI18n)
  
@@ -288,6 +289,7 @@ const messages = {
     ...userI18n.en,
     ...systemI18n.en,
     ...communityI18n.en,
+    ...workI18n.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -425,6 +427,7 @@ const messages = {
     ...userI18n.zh,
     ...systemI18n.zh,
     ...communityI18n.zh,
+    ...workI18n.zh,
   }
 }
  
+import { messages as itemReleaseTypeManageMessages } from '../views/work/itemReleaseTypeManageLang'
+import { messages as itemReleaseManageMessages } from '../views/work/itemReleaseManageLang'
+
+import { messages as addItemReleaseViewMessages } from '../views/work/addItemReleaseViewLang'
+export const messages = {
+    zh: {
+        ...itemReleaseTypeManageMessages.zh,
+        ...itemReleaseManageMessages.zh,
+        ...addItemReleaseViewMessages.zh,
+    },
+    en: {
+        ...itemReleaseTypeManageMessages.en,
+        ...itemReleaseManageMessages.en,
+        ...addItemReleaseViewMessages.en,
+    }
+}
 \ No newline at end of file
@@ -19,4 +19,19 @@ export default [
         name: '/views/room/listPropertyRightRegistrationDetail',
         component: () => import('@/views/room/listPropertyRightRegistrationDetailList.vue')
     },
+    {
+        path: '/pages/community/communityPublicityManage',
+        name: '/pages/community/communityPublicityManage',
+        component: () => import('@/views/community/communityPublicityManageList.vue')
+    },
+    {
+        path: '/views/community/addCommunityPublicity',
+        name: '/views/community/addCommunityPublicity',
+        component: () => import('@/views/community/addCommunityPublicityList.vue')
+    },
+    {
+        path: '/views/community/editCommunityPublicity',
+        name: '/views/community/editCommunityPublicity',
+        component: () => import('@/views/community/editCommunityPublicityList.vue')
+    },
 ]
 \ No newline at end of file
@@ -15,6 +15,7 @@ import scmRouter from &#39;./scmRouter&#39;
 import userRouter from './userRouter'
 import systemRouter from './systemRouter'
 import communityRouter from './communityRouter'
+import workRouter from './workRouter'   
  
 Vue.use(VueRouter)
  
@@ -638,6 +639,7 @@ const routes = [
       ...userRouter,
       ...systemRouter,
       ...communityRouter,
+      ...workRouter,
       // 其他子路由可以在这里添加
     ]
   },
+export default [
+    {
+        path: '/pages/property/itemReleaseTypeManage',
+        name: '/pages/property/itemReleaseTypeManage',
+        component: () => import('@/views/work/itemReleaseTypeManageList.vue')
+    },
+    {
+        path: '/pages/property/itemReleaseManage',
+        name: '/pages/property/itemReleaseManage',
+        component: () => import('@/views/work/itemReleaseManageList.vue')
+    },
+    {
+        path: '/views/work/addItemReleaseView',
+        name: '/views/work/addItemReleaseView',
+        component: () => import('@/views/work/addItemReleaseViewList.vue')
+    },
+]
 \ No newline at end of file
+export const messages = {
+  en: {
+    addCommunityPublicity: {
+      title: 'Add Community Publicity',
+      pubTitle: 'Publicity Title',
+      pubType: 'Publicity Type',
+      headerPhoto: 'Header Photo',
+      activityContent: 'Activity Content',
+      back: 'Back',
+      submit: 'Submit',
+      requiredTitle: 'Required, please fill in the publicity title',
+      requiredType: 'Required, please select publicity type',
+      requiredContent: 'Required, please enter announcement content'
+    }
+  },
+  zh: {
+    addCommunityPublicity: {
+      title: '添加社区公示',
+      pubTitle: '公示标题',
+      pubType: '公示类型',
+      headerPhoto: '头部照片',
+      activityContent: '活动内容',
+      back: '返回',
+      submit: '提交',
+      requiredTitle: '必填，请填写公示标题',
+      requiredType: '必填，请选择公示类型',
+      requiredContent: '必填，请输入公告内容'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <el-card class="add-publicity-container">
+    <div slot="header">
+      <span>{{ $t('addCommunityPublicity.title') }}</span>
+      <el-button 
+        style="float: right; padding: 3px 0" 
+        type="text"
+        @click="goBack">
+        <i class="el-icon-close"></i>{{ $t('addCommunityPublicity.back') }}
+      </el-button>
+    </div>
+
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item 
+            :label="$t('addCommunityPublicity.pubTitle')" 
+            prop="title"
+            :rules="[{ required: true, message: $t('addCommunityPublicity.requiredTitle'), trigger: 'blur' }]">
+            <el-input 
+              v-model="formData.title" 
+              :placeholder="$t('addCommunityPublicity.requiredTitle')"
+              clearable>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item 
+            :label="$t('addCommunityPublicity.pubType')" 
+            prop="pubType"
+            :rules="[{ required: true, message: $t('addCommunityPublicity.requiredType'), trigger: 'change' }]">
+            <el-select 
+              v-model="formData.pubType" 
+              :placeholder="$t('addCommunityPublicity.requiredType')"
+              style="width: 100%">
+              <el-option 
+                v-for="item in pubTypes" 
+                :key="item.statusCd"
+                :label="item.name" 
+                :value="item.statusCd">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-form-item 
+        :label="$t('addCommunityPublicity.headerPhoto')" 
+        prop="headerImg"
+        :rules="[{ required: true, message: $t('addCommunityPublicity.requiredHeaderPhoto'), trigger: 'change' }]">
+        <upload-image-url 
+          ref="uploadImage"
+          :image-count="1"
+          @notifyUploadCoverImage="handleImageUpload">
+        </upload-image-url>
+      </el-form-item>
+
+      <el-form-item 
+        :label="$t('addCommunityPublicity.activityContent')" 
+        prop="context"
+        :rules="[{ required: true, message: $t('addCommunityPublicity.requiredContent'), trigger: 'blur' }]">
+        <rich-text-editor
+          v-model="formData.context"
+          :height="300"
+          :placeholder="$t('addCommunityPublicity.requiredContent')">
+        </rich-text-editor>
+      </el-form-item>
+
+      <el-form-item class="text-right">
+        <el-button @click="goBack">{{ $t('addCommunityPublicity.back') }}</el-button>
+        <el-button type="primary" @click="submitForm">{{ $t('addCommunityPublicity.submit') }}</el-button>
+      </el-form-item>
+    </el-form>
+  </el-card>
+</template>
+
+<script>
+import UploadImageUrl from '@/components/upload/UploadImageUrl'
+import {  saveCommunityPublicity } from '@/api/community/addCommunityPublicityApi'
+import { getCommunityId ,getDict} from '@/api/community/communityApi'
+import richTextEditor from '@/components/editor/RichTextEditor'
+
+export default {
+  name: 'AddCommunityPublicity',
+  components: {
+    UploadImageUrl,
+    richTextEditor
+  },
+  data() {
+    return {
+      formData: {
+        title: '',
+        pubType: '',
+        headerImg: '',
+        context: ''
+      },
+      pubTypes: []
+    }
+  },
+  created() {
+    this.getPublicityTypes()
+  },
+  methods: {
+    async getPublicityTypes() {
+      try {
+        const data = await getDict('community_publicity', 'pub_type')
+        this.pubTypes = data
+      } catch (error) {
+        console.error('Failed to get publicity types:', error)
+        this.$message.error(this.$t('addCommunityPublicity.fetchTypesFailed'))
+      }
+    },
+    handleImageUpload(images) {
+      if (images.length > 0) {
+        this.formData.headerImg = images[0]|| images[0]
+      } else {
+        this.formData.headerImg = ''
+      }
+    },
+    submitForm() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.savePublicity()
+        } else {
+          return false
+        }
+      })
+    },
+    async savePublicity() {
+      try {
+        this.formData.communityId = getCommunityId()
+        const response = await saveCommunityPublicity(this.formData)
+        if (response.code === 0) {
+          this.$message.success(this.$t('addCommunityPublicity.saveSuccess'))
+          this.goBack()
+        } else {
+          this.$message.error(response.msg || this.$t('addCommunityPublicity.saveFailed'))
+        }
+      } catch (error) {
+        console.error('Save publicity error:', error)
+        this.$message.error(this.$t('addCommunityPublicity.saveFailed'))
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.add-publicity-container {
+  margin: 20px;
+}
+.text-right {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    communityPublicityManage: {
+      searchTitle: 'Search Conditions',
+      titlePlaceholder: 'Please enter publicity title',
+      tableTitle: 'Community Publicity List',
+      headerImg: 'Header Image',
+      title: 'Publicity Title',
+      pubType: 'Publicity Type',
+      createTime: 'Publicity Time',
+      publisher: 'Publisher',
+      deleteTitle: 'Confirm Delete',
+      deleteConfirm: 'Are you sure to delete this community publicity?',
+      deleteSuccess: 'Delete successfully',
+      deleteError: 'Delete failed'
+    }
+  },
+  zh: {
+    communityPublicityManage: {
+      searchTitle: '查询条件',
+      titlePlaceholder: '请输入公示标题',
+      tableTitle: '小区公示列表',
+      headerImg: '头部照片',
+      title: '公示标题',
+      pubType: '公示类型',
+      createTime: '公示时间',
+      publisher: '发布人',
+      deleteTitle: '确认删除',
+      deleteConfirm: '确定要删除这条小区公示吗？',
+      deleteSuccess: '删除成功',
+      deleteError: '删除失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="community-publicity-manage-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <el-card class="tree-card">
+          <ul class="pub-type-list">
+            <li v-for="(item, index) in pubTypes" :key="index" class="pub-type-item"
+              :class="{ 'active': conditions.pubType === item.statusCd }" @click="handlePubTypeChange(item)">
+              {{ item.name }}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <el-card class="search-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('communityPublicityManage.searchTitle') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-input v-model="conditions.title" :placeholder="$t('communityPublicityManage.titlePlaceholder')"
+                clearable />
+            </el-col>
+            <el-col :span="8">
+              <el-button type="primary" @click="handleSearch">
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="handleReset">
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="table-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('communityPublicityManage.tableTitle') }}</span>
+            <el-button type="primary" size="small" @click="handleAdd">
+              {{ $t('common.add') }}
+            </el-button>
+          </div>
+          <el-table :data="tableData" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="headerImg" :label="$t('communityPublicityManage.headerImg')" width="120"
+              align="center">
+              <template slot-scope="scope">
+                <el-image style="width: 60px; height: 60px; cursor: pointer;"
+                  :src="scope.row.headerImg || '/img/noPhoto.jpg'"
+                  :preview-src-list="[scope.row.headerImg || '/img/noPhoto.jpg']" fit="cover" class="border-radius" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="title" :label="$t('communityPublicityManage.title')" align="center" />
+            <el-table-column prop="pubTypeName" :label="$t('communityPublicityManage.pubType')" align="center" />
+            <el-table-column prop="createTime" :label="$t('communityPublicityManage.createTime')" align="center" />
+            <el-table-column prop="createUserName" :label="$t('communityPublicityManage.publisher')" align="center" />
+            <el-table-column :label="$t('common.operation')" align="center" width="200">
+              <template slot-scope="scope">
+                <el-button size="mini" type="primary" @click="handleEdit(scope.row)">
+                  {{ $t('common.edit') }}
+                </el-button>
+                <el-button size="mini" type="danger" @click="handleDelete(scope.row)">
+                  {{ $t('common.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" style="margin-top: 20px;" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <view-image ref="viewImage" />
+    <delete-community-publicity ref="deleteDialog" @success="fetchData" />
+  </div>
+</template>
+
+<script>
+import { getCommunityPublicityList } from '@/api/community/communityPublicityManageApi'
+import { getDict } from '@/api/community/communityApi'
+import ViewImage from '@/components/system/viewImage'
+import DeleteCommunityPublicity from '@/components/community/deleteCommunityPublicity'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'CommunityPublicityManageList',
+  components: {
+    ViewImage,
+    DeleteCommunityPublicity
+  },
+  data() {
+    return {
+      loading: false,
+      pubTypes: [],
+      tableData: [],
+      conditions: {
+        pubType: '',
+        title: '',
+        communityId: ''
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.conditions.communityId = getCommunityId()
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      try {
+        this.loading = true
+        await this.getPubTypes()
+        if (this.pubTypes.length > 0) {
+          this.conditions.pubType = this.pubTypes[0].statusCd
+        }
+        await this.fetchData()
+      } catch (error) {
+        console.error('初始化数据失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    async getPubTypes() {
+      try {
+        const data = await getDict('community_publicity', 'pub_type')
+        this.pubTypes = data
+      } catch (error) {
+        console.error('获取公示类型失败:', error)
+      }
+    },
+    async fetchData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.conditions
+        }
+        const { data, total } = await getCommunityPublicityList(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        console.error('获取公示列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    handlePubTypeChange(item) {
+      this.conditions.pubType = item.statusCd
+      this.pagination.current = 1
+      this.fetchData()
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.fetchData()
+    },
+    handleReset() {
+      this.conditions.title = ''
+      this.pagination.current = 1
+      this.fetchData()
+    },
+    handleAdd() {
+      this.$router.push('/views/community/addCommunityPublicity')
+    },
+    handleEdit(row) {
+      this.$router.push(`/views/community/editCommunityPublicity?pubId=${row.pubId}`)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.fetchData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.community-publicity-manage-container {
+  padding: 20px;
+
+  .tree-card {
+    height: 100%;
+
+    .pub-type-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      .pub-type-item {
+        padding: 10px 15px;
+        cursor: pointer;
+        border-radius: 4px;
+        margin-bottom: 5px;
+        transition: all 0.3s;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active {
+          background-color: #409eff;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .border-radius {
+    border-radius: 4px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    editCommunityPublicity: {
+      title: 'Edit Publicity',
+      publicityTitle: 'Publicity Title',
+      publicityTitlePlaceholder: 'Required, please enter publicity title',
+      publicityType: 'Publicity Type',
+      publicityTypePlaceholder: 'Required, please select publicity type',
+      headerImage: 'Header Image',
+      activityContent: 'Activity Content',
+      activityContentPlaceholder: 'Required, please enter activity content',
+      validate: {
+        titleRequired: 'Publicity title is required',
+        typeRequired: 'Publicity type is required',
+        imageRequired: 'Header image is required',
+        contentRequired: 'Activity content is required'
+      },
+      message: {
+        updateSuccess: 'Update publicity successfully',
+        updateFailed: 'Update publicity failed'
+      }
+    },
+    uploadImage: {
+      message: {
+        sizeLimit: 'Image size cannot exceed 2MB',
+        uploadFailed: 'Upload image failed'
+      }
+    }
+  },
+  zh: {
+    editCommunityPublicity: {
+      title: '修改公示',
+      publicityTitle: '公示标题',
+      publicityTitlePlaceholder: '必填，请填写公示标题',
+      publicityType: '公示类型',
+      publicityTypePlaceholder: '必填，请选择公示类型',
+      headerImage: '头部照片',
+      activityContent: '活动内容',
+      activityContentPlaceholder: '必填，请输入活动内容',
+      validate: {
+        titleRequired: '公示标题不能为空',
+        typeRequired: '公示类型不能为空',
+        imageRequired: '头部照片不能为空',
+        contentRequired: '活动内容不能为空'
+      },
+      message: {
+        updateSuccess: '修改公示成功',
+        updateFailed: '修改公示失败'
+      }
+    },
+    uploadImage: {
+      message: {
+        sizeLimit: '图片大小不能超过2MB',
+        uploadFailed: '图片上传失败'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="edit-community-publicity-container">
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>{{ $t('editCommunityPublicity.title') }}</span>
+        <el-button
+          style="float: right; padding: 3px 0"
+          type="text"
+          @click="_goBack"
+        >
+          <i class="el-icon-close"></i>{{ $t('common.back') }}
+        </el-button>
+      </div>
+
+      <el-form ref="form" :model="editCommunityPublicityInfo" label-width="120px" label-position="right">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item 
+              :label="$t('editCommunityPublicity.publicityTitle')" 
+              prop="title"
+              :rules="[{ required: true, message: $t('editCommunityPublicity.validate.titleRequired'), trigger: 'blur' }]">
+              <el-input
+                v-model="editCommunityPublicityInfo.title"
+                :placeholder="$t('editCommunityPublicity.publicityTitlePlaceholder')"
+                clearable>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item 
+              :label="$t('editCommunityPublicity.publicityType')" 
+              prop="pubType"
+              :rules="[{ required: true, message: $t('editCommunityPublicity.validate.typeRequired'), trigger: 'change' }]">
+              <el-select
+                v-model="editCommunityPublicityInfo.pubType"
+                style="width:100%"
+                :placeholder="$t('editCommunityPublicity.publicityTypePlaceholder')">
+                <el-option
+                  v-for="item in editCommunityPublicityInfo.pubTypes"
+                  :key="item.statusCd"
+                  :label="item.name"
+                  :value="item.statusCd">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item 
+          :label="$t('editCommunityPublicity.headerImage')" 
+          prop="headerImg"
+          :rules="[{ required: true, message: $t('editCommunityPublicity.validate.imageRequired'), trigger: 'change' }]">
+          <upload-image-url
+            ref="uploadImage"
+            :image-count="1"
+            @notifyUploadCoverImage="handleUploadImage">
+          </upload-image-url>
+        </el-form-item>
+
+        <el-form-item 
+          :label="$t('editCommunityPublicity.activityContent')" 
+          prop="context"
+          :rules="[{ required: true, message: $t('editCommunityPublicity.validate.contentRequired'), trigger: 'blur' }]">
+          <rich-text-editor
+            v-model="editCommunityPublicityInfo.context"
+            ref="richTextEditor"
+            :height="300"
+            :placeholder="$t('editCommunityPublicity.activityContentPlaceholder')">
+          </rich-text-editor>
+        </el-form-item>
+
+        <el-form-item class="text-right">
+          <el-button @click="_goBack">{{ $t('common.back') }}</el-button>
+          <el-button type="primary" @click="saveCommunityPublicityInfo">
+            <i class="el-icon-check"></i>{{ $t('common.submit') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import UploadImageUrl from '@/components/upload/UploadImageUrl'
+import richTextEditor from '@/components/editor/RichTextEditor'
+import { updateCommunityPublicity, listCommunityPublicity } from '@/api/community/editCommunityPublicityApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditCommunityPublicity',
+  components: {
+    UploadImageUrl,
+    richTextEditor
+  },
+  data() {
+    return {
+      editCommunityPublicityInfo: {
+        pubId: '',
+        title: '',
+        pubType: '',
+        pubTypes: [],
+        headerImg: '',
+        context: ''
+      }
+    }
+  },
+  created() {
+    this._initData()
+  },
+  methods: {
+    async _initData() {
+      this.editCommunityPublicityInfo.pubId = this.$route.query.pubId
+      this.communityId = await getCommunityId()
+      await this._loadCommunityPublicity()
+      await this._loadDictData()
+    },
+    async _loadDictData() {
+      try {
+        const data = await getDict('community_publicity', 'pub_type')
+        this.editCommunityPublicityInfo.pubTypes = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async _loadCommunityPublicity() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          communityId: this.communityId,
+          pubId: this.editCommunityPublicityInfo.pubId
+        }
+        const { data } = await listCommunityPublicity(params)
+        if (data && data.length > 0) {
+          Object.assign(this.editCommunityPublicityInfo, data[0])
+          // 设置图片，如果有的话
+          if (this.editCommunityPublicityInfo.headerImg) {
+            this.$refs.uploadImage.setImages([this.editCommunityPublicityInfo.headerImg])
+          }
+          this.$refs.richTextEditor.setContent(this.editCommunityPublicityInfo.context)
+        }
+      } catch (error) {
+        console.error('加载公示信息失败:', error)
+      }
+    },
+    handleUploadImage(images) {
+      if (images.length > 0) {
+        this.editCommunityPublicityInfo.headerImg = images[0]
+      } else {
+        this.editCommunityPublicityInfo.headerImg = ''
+      }
+    },
+    async saveCommunityPublicityInfo() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this._saveData()
+        } else {
+          return false
+        }
+      })
+    },
+    async _saveData() {
+      try {
+        const data = {
+          ...this.editCommunityPublicityInfo,
+          communityId: this.communityId
+        }
+        const res = await updateCommunityPublicity(data)
+        if (res.code === 0) {
+          this.$message.success(this.$t('editCommunityPublicity.message.updateSuccess'))
+          this._goBack()
+        } else {
+          this.$message.error(res.msg || this.$t('editCommunityPublicity.message.updateFailed'))
+        }
+      } catch (error) {
+        console.error('保存公示信息失败:', error)
+        this.$message.error(this.$t('editCommunityPublicity.message.updateFailed'))
+      }
+    },
+    _goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-community-publicity-container {
+  padding: 20px;
+
+  .el-card {
+    width: 100%;
+  }
+
+  .el-form-item {
+    margin-bottom: 22px;
+  }
+  
+  .text-right {
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    addItemReleaseView: {
+      title: 'Apply for Release',
+      releaseType: 'Release Type',
+      requiredSelectReleaseType: 'Required, please select release type',
+      applyCompany: 'Application Company',
+      requiredApplyCompany: 'Required, please fill in application company',
+      applyPerson: 'Applicant',
+      requiredApplyPerson: 'Required, please fill in applicant',
+      idCard: 'ID Card',
+      requiredIdCard: 'Required, please fill in ID card',
+      phone: 'Phone',
+      requiredPhone: 'Required, please fill in phone',
+      passTime: 'Pass Time',
+      requiredPassTime: 'Required, please fill in pass time',
+      carNum: 'License Plate',
+      optionalCarNum: 'Optional, please fill in license plate',
+      remark: 'Remark',
+      optionalRemark: 'Optional, please fill in remark',
+      releaseItems: 'Release Items',
+      addItem: 'Add Item',
+      itemName: 'Item Name',
+      requiredItemName: 'Required, please fill in item name',
+      itemAmount: 'Item Amount',
+      requiredItemAmount: 'Required, please fill in amount',
+      approverInfo: 'Approver Information',
+      approver: 'Approver',
+      requiredApprover: 'Required, please select approver',
+      validate: {
+        releaseType: 'Release type cannot be empty',
+        applyCompany: 'Application company cannot be empty',
+        applyPerson: 'Applicant cannot be empty',
+        idCard: 'ID card cannot be empty',
+        phone: 'Phone cannot be empty',
+        passTime: 'Pass time cannot be empty',
+        itemsRequired: 'At least one item is required',
+        itemInfoRequired: 'Item name and amount are required',
+        approverRequired: 'Approver is required'
+      }
+    },
+    selectStaff: {
+      title: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      submitter: 'Submitter',
+      dynamicAssign: 'Dynamic Assignment'
+    }
+  },
+  zh: {
+    addItemReleaseView: {
+      title: '申请放行',
+      releaseType: '放行类型',
+      requiredSelectReleaseType: '必填，请选择放行类型',
+      applyCompany: '申请单位',
+      requiredApplyCompany: '必填，请填写申请单位',
+      applyPerson: '申请人',
+      requiredApplyPerson: '必填，请填写申请人',
+      idCard: '身份证',
+      requiredIdCard: '必填，请填写身份证',
+      phone: '手机号',
+      requiredPhone: '必填，请填写手机号',
+      passTime: '通行时间',
+      requiredPassTime: '必填，请填写通行时间',
+      carNum: '车牌号',
+      optionalCarNum: '选填，请填写车牌号',
+      remark: '备注',
+      optionalRemark: '选填，请填写备注',
+      releaseItems: '放行物品',
+      addItem: '添加物品',
+      itemName: '物品名称',
+      requiredItemName: '必填，请填写物品名称',
+      itemAmount: '物品数量',
+      requiredItemAmount: '必填，请填写数量',
+      approverInfo: '审批人信息',
+      approver: '审批人',
+      requiredApprover: '必填，请选择审批人',
+      validate: {
+        releaseType: '放行类型不能为空',
+        applyCompany: '申请单位不能为空',
+        applyPerson: '申请人不能为空',
+        idCard: '身份证不能为空',
+        phone: '手机号不能为空',
+        passTime: '通行时间不能为空',
+        itemsRequired: '至少需要一个放行物品',
+        itemInfoRequired: '物品名称和数量不能为空',
+        approverRequired: '审批人不能为空'
+      }
+    },
+    selectStaff: {
+      title: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      submitter: '提交者',
+      dynamicAssign: '动态指定'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="add-item-release-view-container">
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('addItemReleaseView.title') }}</span>
+        <el-button type="primary" class="float-right" icon="el-icon-close" @click="goBack">
+          {{ $t('common.back') }}
+        </el-button>
+      </div>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+
+            <el-form label-width="120px">
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.releaseType')">
+                    <el-select v-model="form.typeId" style="width:100%" @change="changeItemReleaseType">
+                      <el-option disabled :value="''" :label="$t('addItemReleaseView.requiredSelectReleaseType')" />
+                      <el-option v-for="item in form.itemReleaseTypes" :key="item.typeId" :label="item.typeName"
+                        :value="item.typeId" :disabled="item.state !== 'C'" />
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.applyCompany')">
+                    <el-input v-model="form.applyCompany"
+                      :placeholder="$t('addItemReleaseView.requiredApplyCompany')" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.applyPerson')">
+                    <el-input v-model="form.applyPerson" :placeholder="$t('addItemReleaseView.requiredApplyPerson')" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.idCard')">
+                    <el-input v-model="form.idCard" :placeholder="$t('addItemReleaseView.requiredIdCard')" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.phone')">
+                    <el-input v-model="form.applyTel" :placeholder="$t('addItemReleaseView.requiredPhone')" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.passTime')">
+                    <el-date-picker v-model="form.passTime" type="datetime" style="width:100%"
+                      :placeholder="$t('addItemReleaseView.requiredPassTime')" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.carNum')">
+                    <el-input v-model="form.carNum" :placeholder="$t('addItemReleaseView.optionalCarNum')" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.remark')">
+                    <el-input v-model="form.remark" type="textarea"
+                      :placeholder="$t('addItemReleaseView.optionalRemark')" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+
+        </el-col>
+      </el-row>
+    </el-card>
+
+      <el-row :gutter="20" class="mt-20">
+        <el-col :span="24">
+          <el-card>
+            <div slot="header" class="flex justify-between">
+              <span>{{ $t('addItemReleaseView.releaseItems') }}</span>
+              <el-button type="primary" size="small" class="float-right" icon="el-icon-plus" @click="addResName">
+                {{ $t('addItemReleaseView.addItem') }}
+              </el-button>
+            </div>
+
+            <el-table :data="form.resNames" border>
+              <el-table-column :label="$t('addItemReleaseView.itemName')" align="center">
+                <template slot-scope="scope">
+                  <el-input v-model="scope.row.resName" :placeholder="$t('addItemReleaseView.requiredItemName')" />
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('addItemReleaseView.itemAmount')" align="center">
+                <template slot-scope="scope">
+                  <el-input v-model="scope.row.amount" type="number"
+                    :placeholder="$t('addItemReleaseView.requiredItemAmount')" />
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('common.operation')" align="center" width="120">
+                <template slot-scope="scope">
+                  <el-button type="danger" size="small" icon="el-icon-delete"
+                    @click="removeResName(scope.row.resName)" />
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-card>
+        </el-col>
+      </el-row>
+
+      <el-row v-if="form.audit.assignee === '-2'" :gutter="20" class="mt-20">
+        <el-col :span="24">
+
+            <div slot="header" class="clearfix">
+              <span>{{ $t('addItemReleaseView.approverInfo') }}</span>
+            </div>
+            <el-form label-width="120px">
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item :label="$t('addItemReleaseView.approver')">
+                    <el-input v-model="form.audit.staffName" :placeholder="$t('addItemReleaseView.requiredApprover')"
+                      disabled />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-button type="primary" @click="chooseStaff">
+                    <i class="el-icon-search"></i> {{ $t('common.select') }}
+                  </el-button>
+                </el-col>
+              </el-row>
+            </el-form>
+
+        </el-col>
+      </el-row>
+
+      <SelectStaff ref="selectStaff" @select="handleStaffSelect" />
+
+      <div class="mt-20 text-right">
+        <el-button type="warning" class="mr-20" @click="goBack">
+          {{ $t('common.cancel') }}
+        </el-button>
+        <el-button type="primary" @click="saveItemReleaseInfo">
+          {{ $t('common.submit') }}
+        </el-button>
+      </div>
+
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import SelectStaff from '@/components/staff/SelectStaff'
+import {
+  saveItemRelease,
+  listItemReleaseType,
+  queryFirstAuditStaff
+} from '@/api/work/addItemReleaseViewApi'
+
+export default {
+  name: 'AddItemReleaseView',
+  components: {
+    SelectStaff
+  },
+  data() {
+    return {
+      form: {
+        irId: '',
+        typeId: '',
+        applyCompany: '',
+        applyPerson: '',
+        idCard: '',
+        applyTel: '',
+        passTime: '',
+        resNames: [],
+        state: '',
+        carNum: '',
+        remark: '',
+        itemReleaseTypes: [],
+        audit: {
+          assignee: '',
+          staffId: '',
+          staffName: '',
+          taskId: ''
+        },
+        communityId: ''
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.listItemReleaseTypes()
+  },
+  methods: {
+    goBack() {
+      this.$router.go(-1)
+    },
+    validateForm() {
+      if (!this.form.typeId) {
+        this.$message.error(this.$t('addItemReleaseView.validate.releaseType'))
+        return false
+      }
+      if (!this.form.applyCompany) {
+        this.$message.error(this.$t('addItemReleaseView.validate.applyCompany'))
+        return false
+      }
+      if (!this.form.applyPerson) {
+        this.$message.error(this.$t('addItemReleaseView.validate.applyPerson'))
+        return false
+      }
+      if (!this.form.idCard) {
+        this.$message.error(this.$t('addItemReleaseView.validate.idCard'))
+        return false
+      }
+      if (!this.form.applyTel) {
+        this.$message.error(this.$t('addItemReleaseView.validate.phone'))
+        return false
+      }
+      if (!this.form.passTime) {
+        this.$message.error(this.$t('addItemReleaseView.validate.passTime'))
+        return false
+      }
+      if (this.form.resNames.length === 0) {
+        this.$message.error(this.$t('addItemReleaseView.validate.itemsRequired'))
+        return false
+      }
+      for (const item of this.form.resNames) {
+        if (!item.resName || !item.amount) {
+          this.$message.error(this.$t('addItemReleaseView.validate.itemInfoRequired'))
+          return false
+        }
+      }
+      if (this.form.audit.assignee === '-2' && !this.form.audit.staffId) {
+        this.$message.error(this.$t('addItemReleaseView.validate.approverRequired'))
+        return false
+      }
+      return true
+    },
+    async saveItemReleaseInfo() {
+      if (!this.validateForm()) return
+
+      try {
+        this.form.communityId = this.communityId
+        const res = await saveItemRelease(this.form)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.goBack()
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.saveFailed'))
+      }
+    },
+    async listItemReleaseTypes() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.communityId
+        }
+        const res = await listItemReleaseType(params)
+        this.form.itemReleaseTypes = res.data
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchFailed'))
+      }
+    },
+    addResName() {
+      this.form.resNames.push({
+        resName: '',
+        amount: ''
+      })
+    },
+    removeResName(resName) {
+      this.form.resNames = this.form.resNames.filter(item => item.resName !== resName)
+    },
+    async changeItemReleaseType() {
+      const selectedType = this.form.itemReleaseTypes.find(
+        item => item.typeId === this.form.typeId
+      )
+      if (selectedType && selectedType.flowId) {
+        await this.loadStaffOrg(selectedType.flowId)
+      }
+    },
+    async loadStaffOrg(flowId) {
+      try {
+        const params = {
+          communityId: this.communityId,
+          flowId: flowId
+        }
+        const res = await queryFirstAuditStaff(params)
+        if (res.code === 0 && res.data.length > 0) {
+          Object.assign(this.form.audit, res.data[0])
+          if (!res.data[0].assignee.startsWith('-')) {
+            this.form.audit.staffId = res.data[0].assignee
+          }
+        }
+      } catch (error) {
+        console.error('Failed to load staff org:', error)
+      }
+    },
+    chooseStaff() {
+      this.$refs.selectStaff.open(this.form.audit)
+    },
+    handleStaffSelect(staff) {
+      this.form.audit.staffId = staff.staffId
+      this.form.audit.staffName = staff.staffName
+    }
+  }
+}
+</script>
+
+<style scoped>
+.add-item-release-view-container {
+  padding: 20px;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+
+.mr-20 {
+  margin-right: 20px;
+}
+
+.float-right {
+  float: right;
+}
+
+.text-right {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    itemReleaseManage: {
+      search: {
+        title: 'Search Conditions',
+        more: 'More',
+        hide: 'Hide'
+      },
+      list: {
+        title: 'Item Release'
+      },
+      form: {
+        releaseType: 'Release Type',
+        applyCompany: 'Apply Company',
+        applyPerson: 'Applicant',
+        idCard: 'ID Card',
+        phone: 'Phone',
+        passTime: 'Pass Time',
+        releaseItems: 'Release Items',
+        itemAmount: 'Item Amount',
+        status: 'Status',
+        carNumber: 'Car Number',
+        remark: 'Remark'
+      },
+      table: {
+        orderNo: 'Order No',
+        releaseType: 'Release Type',
+        applyCompany: 'Apply Company',
+        applyPerson: 'Applicant',
+        idCard: 'ID Card',
+        phone: 'Phone',
+        passTime: 'Pass Time',
+        items: 'Items',
+        status: 'Status',
+        carNumber: 'Car Number'
+      },
+      button: {
+        applyRelease: 'Apply Release',
+        viewItems: 'View Items'
+      },
+      placeholder: {
+        selectReleaseType: 'Please select release type',
+        selectApplyCompany: 'Please select apply company',
+        selectApplyPerson: 'Please select applicant',
+        selectIdCard: 'Please input ID card',
+        selectPhone: 'Please input phone',
+        selectStatus: 'Please select status',
+        requiredSelect: 'Required, please select',
+        requiredInput: 'Required, please input',
+        optionalInput: 'Optional, please input'
+      },
+      status: {
+        waiting: 'Waiting',
+        processing: 'Processing',
+        completed: 'Completed',
+        failed: 'Failed'
+      },
+      validate: {
+        required: 'Cannot be empty',
+        maxLength30: 'Cannot exceed 30 characters',
+        maxLength64: 'Cannot exceed 64 characters',
+        maxLength18: 'Cannot exceed 18 characters',
+        maxLength11: 'Cannot exceed 11 characters',
+        maxLength12: 'Cannot exceed 12 characters',
+        maxLength512: 'Cannot exceed 512 characters'
+      },
+      edit: {
+        title: 'Edit Item Release'
+      },
+      delete: {
+        confirmDelete: 'Confirm to delete item release?'
+      },
+      viewItems: {
+        title: 'Release Items',
+        itemName: 'Item Name',
+        amount: 'Amount'
+      }
+    }
+  },
+  zh: {
+    itemReleaseManage: {
+      search: {
+        title: '查询条件',
+        more: '更多',
+        hide: '隐藏'
+      },
+      list: {
+        title: '物品放行'
+      },
+      form: {
+        releaseType: '放行类型',
+        applyCompany: '申请单位',
+        applyPerson: '申请人',
+        idCard: '身份证',
+        phone: '手机号',
+        passTime: '通行时间',
+        releaseItems: '放行物品',
+        itemAmount: '物品数量',
+        status: '状态',
+        carNumber: '车牌号',
+        remark: '备注'
+      },
+      table: {
+        orderNo: '单号',
+        releaseType: '放行类型',
+        applyCompany: '申请单位',
+        applyPerson: '申请人',
+        idCard: '身份证',
+        phone: '手机号',
+        passTime: '通行时间',
+        items: '物品',
+        status: '状态',
+        carNumber: '车牌号'
+      },
+      button: {
+        applyRelease: '申请放行',
+        viewItems: '查看物品'
+      },
+      placeholder: {
+        selectReleaseType: '请选择放行类型',
+        selectApplyCompany: '请选择申请单位',
+        selectApplyPerson: '请选择申请人',
+        selectIdCard: '请输入身份证',
+        selectPhone: '请输入手机号',
+        selectStatus: '请选择状态',
+        requiredSelect: '必填，请选择',
+        requiredInput: '必填，请输入',
+        optionalInput: '选填，请输入'
+      },
+      status: {
+        waiting: '待审核',
+        processing: '审核中',
+        completed: '审核完成',
+        failed: '审核失败'
+      },
+      validate: {
+        required: '不能为空',
+        maxLength30: '不能超过30个字符',
+        maxLength64: '不能超过64个字符',
+        maxLength18: '不能超过18个字符',
+        maxLength11: '不能超过11个字符',
+        maxLength12: '不能超过12个字符',
+        maxLength512: '不能超过512个字符'
+      },
+      edit: {
+        title: '修改物品放行'
+      },
+      delete: {
+        confirmDelete: '确定删除物品放行?'
+      },
+      viewItems: {
+        title: '放行物品',
+        itemName: '物品名称',
+        amount: '数量'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="item-release-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('itemReleaseManage.search.title') }}</span>
+        <el-button
+          type="text"
+          style="float: right; padding: 3px 0"
+          @click="_moreCondition"
+        >
+          {{ itemReleaseManageInfo.moreCondition ? $t('common.hide') : $t('common.more') }}
+        </el-button>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-select
+            v-model="itemReleaseManageInfo.conditions.typeId"
+            :placeholder="$t('itemReleaseManage.placeholder.selectReleaseType')"
+            style="width: 100%"
+          >
+            <el-option
+              v-for="item in itemReleaseManageInfo.itemReleaseTypes"
+              :key="item.typeId"
+              :label="item.typeName"
+              :value="item.typeId"
+              :disabled="item.state !== 'C'"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="8">
+          <el-input
+            v-model="itemReleaseManageInfo.conditions.applyCompany"
+            :placeholder="$t('itemReleaseManage.placeholder.selectApplyCompany')"
+          />
+        </el-col>
+        <el-col :span="6">
+          <el-input
+            v-model="itemReleaseManageInfo.conditions.applyPerson"
+            :placeholder="$t('itemReleaseManage.placeholder.selectApplyPerson')"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="_queryItemReleaseMethod">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="_resetItemReleaseMethod">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <el-row v-show="itemReleaseManageInfo.moreCondition" :gutter="20" style="margin-top: 20px">
+        <el-col :span="6">
+          <el-input
+            v-model="itemReleaseManageInfo.conditions.idCard"
+            :placeholder="$t('itemReleaseManage.placeholder.selectIdCard')"
+          />
+        </el-col>
+        <el-col :span="8">
+          <el-input
+            v-model="itemReleaseManageInfo.conditions.applyTel"
+            :placeholder="$t('itemReleaseManage.placeholder.selectPhone')"
+          />
+        </el-col>
+        <el-col :span="6">
+          <el-select
+            v-model="itemReleaseManageInfo.conditions.state"
+            :placeholder="$t('itemReleaseManage.placeholder.selectStatus')"
+            style="width: 100%"
+          >
+            <el-option
+              :label="$t('itemReleaseManage.status.waiting')"
+              value="W"
+            />
+            <el-option
+              :label="$t('itemReleaseManage.status.processing')"
+              value="D"
+            />
+            <el-option
+              :label="$t('itemReleaseManage.status.completed')"
+              value="C"
+            />
+            <el-option
+              :label="$t('itemReleaseManage.status.failed')"
+              value="F"
+            />
+          </el-select>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 物品放行列表 -->
+    <el-card class="list-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('itemReleaseManage.list.title') }}</span>
+        <el-button
+          type="primary"
+          size="small"
+          @click="_openAddItemReleaseModal"
+        >
+          <i class="el-icon-plus"></i>
+          {{ $t('itemReleaseManage.button.applyRelease') }}
+        </el-button>
+      </div>
+
+      <el-table
+        :data="itemReleaseManageInfo.itemReleases"
+        border
+        style="width: 100%"
+        v-loading="loading"
+      >
+        <el-table-column
+          prop="irId"
+          :label="$t('itemReleaseManage.table.orderNo')"
+          align="center"
+        />
+        <el-table-column
+          prop="typeName"
+          :label="$t('itemReleaseManage.table.releaseType')"
+          align="center"
+        />
+        <el-table-column
+          prop="applyCompany"
+          :label="$t('itemReleaseManage.table.applyCompany')"
+          align="center"
+        />
+        <el-table-column
+          prop="applyPerson"
+          :label="$t('itemReleaseManage.table.applyPerson')"
+          align="center"
+        />
+        <el-table-column
+          prop="idCard"
+          :label="$t('itemReleaseManage.table.idCard')"
+          align="center"
+        />
+        <el-table-column
+          prop="applyTel"
+          :label="$t('itemReleaseManage.table.phone')"
+          align="center"
+        />
+        <el-table-column
+          prop="passTime"
+          :label="$t('itemReleaseManage.table.passTime')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('itemReleaseManage.table.items')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.amount }}(
+            <el-link type="primary" @click="viewResName(scope.row)">
+              {{ $t('itemReleaseManage.button.viewItems') }}
+            </el-link>)
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="stateName"
+          :label="$t('itemReleaseManage.table.status')"
+          align="center"
+        />
+        <el-table-column
+          prop="carNum"
+          :label="$t('itemReleaseManage.table.carNumber')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.carNum || $t('common.none') }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('common.operation')"
+          align="center"
+          width="240"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="_openDetail(scope.row)"
+            >
+              {{ $t('common.detail') }}
+            </el-button>
+            <el-button
+              size="mini"
+              type="primary"
+              @click="_openEditItemReleaseModel(scope.row)"
+            >
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button
+              size="mini"
+              type="danger"
+              @click="_openDeleteItemReleaseModel(scope.row)"
+            >
+              {{ $t('common.delete') }}
+            </el-button>
+          </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-card>
+
+    <!-- 组件 -->
+    <edit-item-release ref="editItemRelease" @success="handleSuccess" />
+    <delete-item-release ref="deleteItemRelease" @success="handleSuccess" />
+    <view-item-release-res ref="viewItemReleaseRes" />
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listItemRelease, listItemReleaseType } from '@/api/work/itemReleaseManageApi'
+import EditItemRelease from '@/components/work/editItemRelease'
+import DeleteItemRelease from '@/components/work/deleteItemRelease'
+import ViewItemReleaseRes from '@/components/work/viewItemReleaseRes'
+
+export default {
+  name: 'ItemReleaseManageList',
+  components: {
+    EditItemRelease,
+    DeleteItemRelease,
+    ViewItemReleaseRes
+  },
+  data() {
+    return {
+      loading: false,
+      communityId: '',
+      itemReleaseManageInfo: {
+        itemReleases: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        irId: '',
+        itemReleaseTypes: [],
+        conditions: {
+          typeId: '',
+          applyCompany: '',
+          applyPerson: '',
+          idCard: '',
+          applyTel: '',
+          state: '',
+          communityId: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.itemReleaseManageInfo.conditions.communityId = this.communityId
+    this._listItemReleases(this.page.current, this.page.size)
+    this._listItemReleaseTypes()
+  },
+  methods: {
+    async _listItemReleases(page, rows) {
+      try {
+        this.loading = true
+        const params = {
+          page,
+          row: rows,
+          ...this.itemReleaseManageInfo.conditions
+        }
+        const { data, total } = await listItemRelease(params)
+        this.itemReleaseManageInfo.itemReleases = data
+        this.page.total = total
+      } catch (error) {
+        console.error('获取物品放行列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    async _listItemReleaseTypes() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.communityId
+        }
+        const { data } = await listItemReleaseType(params)
+        this.itemReleaseManageInfo.itemReleaseTypes = data
+      } catch (error) {
+        console.error('获取放行类型失败:', error)
+      }
+    },
+    _openAddItemReleaseModal() {
+      this.$router.push('/views/work/addItemReleaseView')
+    },
+    _openEditItemReleaseModel(item) {
+      this.$refs.editItemRelease.open(item)
+    },
+    _openDeleteItemReleaseModel(item) {
+      this.$refs.deleteItemRelease.open(item)
+    },
+    _queryItemReleaseMethod() {
+      this.page.current = 1
+      this._listItemReleases(this.page.current, this.page.size)
+    },
+    _resetItemReleaseMethod() {
+      this.itemReleaseManageInfo.conditions = {
+        typeId: '',
+        applyCompany: '',
+        applyPerson: '',
+        idCard: '',
+        applyTel: '',
+        state: '',
+        communityId: this.communityId
+      }
+      this.page.current = 1
+      this._listItemReleases(this.page.current, this.page.size)
+    },
+    _moreCondition() {
+      this.itemReleaseManageInfo.moreCondition = !this.itemReleaseManageInfo.moreCondition
+    },
+    viewResName(item) {
+      this.$refs.viewItemReleaseRes.open(item)
+    },
+    _openDetail(item) {
+      this.$router.push(`/views/work/itemReleaseDetail?irId=${item.irId}&flowId=${item.flowId}`)
+    },
+    handleSuccess() {
+      this._listItemReleases(this.page.current, this.page.size)
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listItemReleases(this.page.current, val)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listItemReleases(val, this.page.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.item-release-manage-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .list-card {
+    margin-bottom: 20px;
+  }
+
+  .el-select {
+    width: 100%;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    itemReleaseTypeManage: {
+      search: {
+        title: 'Search Conditions',
+        typeNamePlaceholder: 'Please enter type name'
+      },
+      list: {
+        title: 'Release Types'
+      },
+      table: {
+        typeId: 'ID',
+        typeName: 'Type Name',
+        flowName: 'Flow Name',
+        setFlow: 'Set Flow',
+        state: 'Status',
+        deployed: 'Deployed',
+        pendingDeploy: 'Pending Deploy',
+        remark: 'Remark',
+        deploy: 'Deploy'
+      },
+      form: {
+        typeName: 'Type Name',
+        typeNamePlaceholder: 'Required, please enter type name',
+        remark: 'Remark',
+        remarkPlaceholder: 'Required, please enter remark'
+      },
+      validate: {
+        typeNameRequired: 'Type name is required',
+        typeNameMaxLength: 'Type name cannot exceed 30 characters',
+        remarkRequired: 'Remark is required',
+        remarkMaxLength: 'Remark cannot exceed 512 characters',
+        typeIdRequired: 'Type ID is required'
+      },
+      add: {
+        title: 'Add Release Type',
+        success: 'Add successfully',
+        error: 'Add failed'
+      },
+      edit: {
+        title: 'Edit Release Type',
+        success: 'Edit successfully',
+        error: 'Edit failed'
+      },
+      delete: {
+        title: 'Delete Confirmation',
+        confirmText: 'Are you sure to delete this release type?',
+        success: 'Delete successfully',
+        error: 'Delete failed'
+      },
+      fetchError: 'Failed to fetch data',
+      deploySuccess: 'Deploy successfully',
+      deployError: 'Deploy failed'
+    }
+  },
+  zh: {
+    itemReleaseTypeManage: {
+      search: {
+        title: '查询条件',
+        typeNamePlaceholder: '请输入类型名称'
+      },
+      list: {
+        title: '放行类型'
+      },
+      table: {
+        typeId: '编号',
+        typeName: '类型名称',
+        flowName: '流程名称',
+        setFlow: '设置流程',
+        state: '状态',
+        deployed: '已部署',
+        pendingDeploy: '待部署',
+        remark: '备注',
+        deploy: '部署'
+      },
+      form: {
+        typeName: '类型名称',
+        typeNamePlaceholder: '必填，请填写类型名称',
+        remark: '备注',
+        remarkPlaceholder: '必填，请填写备注'
+      },
+      validate: {
+        typeNameRequired: '类型名称不能为空',
+        typeNameMaxLength: '类型名称不能超过30个字符',
+        remarkRequired: '备注不能为空',
+        remarkMaxLength: '备注不能超过512个字符',
+        typeIdRequired: '编号不能为空'
+      },
+      add: {
+        title: '添加放行类型',
+        success: '添加成功',
+        error: '添加失败'
+      },
+      edit: {
+        title: '修改放行类型',
+        success: '修改成功',
+        error: '修改失败'
+      },
+      delete: {
+        title: '删除确认',
+        confirmText: '确定删除该放行类型吗？',
+        success: '删除成功',
+        error: '删除失败'
+      },
+      fetchError: '获取数据失败',
+      deploySuccess: '部署成功',
+      deployError: '部署失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="item-release-type-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('itemReleaseTypeManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.typeName" :placeholder="$t('itemReleaseTypeManage.search.typeNamePlaceholder')"
+            clearable />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 放行类型列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('itemReleaseTypeManage.list.title') }}</span>
+        <el-button type="primary" size="small" class="float-right" @click="handleAdd">
+          <i class="el-icon-plus"></i>
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="typeId" :label="$t('itemReleaseTypeManage.table.typeId')" align="center" />
+        <el-table-column prop="typeName" :label="$t('itemReleaseTypeManage.table.typeName')" align="center" />
+        <el-table-column :label="$t('itemReleaseTypeManage.table.flowName')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.flowName }}
+            <el-link type="primary" @click="handleSettingFlow(scope.row)">
+              ({{ $t('itemReleaseTypeManage.table.setFlow') }})
+            </el-link>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('itemReleaseTypeManage.table.state')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.state === 'C' ? $t('itemReleaseTypeManage.table.deployed') :
+              $t('itemReleaseTypeManage.table.pendingDeploy') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="remark" :label="$t('itemReleaseTypeManage.table.remark')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="250">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.state === 'W'" size="mini" type="primary" @click="handleDeploy(scope.row)">
+              {{ $t('itemReleaseTypeManage.table.deploy') }}
+            </el-button>
+            <el-button size="mini" type="primary" @click="handleEdit(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.row)">
+              {{ $t('common.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page.sync="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-item-release-type ref="addDialog" @success="handleSuccess" />
+
+    <!-- 编辑弹窗 -->
+    <edit-item-release-type ref="editDialog" @success="handleSuccess" />
+
+    <!-- 删除弹窗 -->
+    <delete-item-release-type ref="deleteDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listItemReleaseType, deployModel } from '@/api/work/itemReleaseTypeManageApi'
+import AddItemReleaseType from '@/components/work/addItemReleaseType'
+import EditItemReleaseType from '@/components/work/editItemReleaseType'
+import DeleteItemReleaseType from '@/components/work/deleteItemReleaseType'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ItemReleaseTypeManageList',
+  components: {
+    AddItemReleaseType,
+    EditItemReleaseType,
+    DeleteItemReleaseType
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        typeName: '',
+        communityId: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listItemReleaseType(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('itemReleaseTypeManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm.typeName = ''
+      this.handleSearch()
+    },
+    handleAdd() {
+      this.$refs.addDialog.open()
+    },
+    handleEdit(row) {
+      this.$refs.editDialog.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    async handleDeploy(row) {
+      try {
+        await deployModel({ modelId: row.modelId })
+        this.$message.success(this.$t('itemReleaseTypeManage.deploySuccess'))
+        this.getList()
+      } catch (error) {
+        this.$message.error(this.$t('itemReleaseTypeManage.deployError'))
+      }
+    },
+    handleSettingFlow(row) {
+      window.open(`/bpmnjs/index.html?flowId=${row.flowId}&modelId=${row.modelId}`)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.item-release-type-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file