优化到商户信息

wuxw
1 parent 8592fee7
Showing 42 changed files with 3832 additions and 89 deletions
src/api/org/addScheduleClassesApi.js
src/api/org/editScheduleClassesApi.js
src/api/org/scheduleClassesApi.js
src/api/org/scheduleClassesPageApi.js
src/api/system/communitySettingManageApi.js
src/api/system/storeInfoManageApi.js
src/api/system/workflowManageApi.js
src/api/system/workflowSettingManageApi.js
src/components/org/ChooseOrgTree.vue
src/components/org/deleteScheduleClasses.vue
src/components/org/editScheduleClassesDay.vue
src/components/org/scheduleClassesDay.vue
src/components/org/scheduleClassesMonth.vue
src/components/org/scheduleClassesState.vue
src/components/org/scheduleClassesWeek.vue
src/components/system/editStoreAttr.vue
src/components/system/editStoreInfo.vue
src/components/system/orgTreeShow.vue
src/components/system/selectStaff.vue
src/components/system/viewImage.vue
+import request from '@/utils/request'
+
+/**
+ * 保存排班信息
+ * @param {Object} data 排班数据
+ * @returns {Promise}
+ */
+export function saveScheduleClasses(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.saveScheduleClasses',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取班次列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function listClasses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/classes.listClasses',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取排班详情
+ * @param {String} scheduleId 排班ID
+ * @returns {Promise}
+ */
+export function getScheduleClassesDetail(scheduleId) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.getScheduleClasses',
+      method: 'get',
+      params: { scheduleId }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 更新排班信息
+export function updateScheduleClasses(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.updateScheduleClasses',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取排班列表
+export function listScheduleClasses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.listScheduleClasses',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取排班日信息
+export function listScheduleClassesDay(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.listScheduleClassesDay',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取班次列表
+export function listClasses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/classes.listClasses',
+      method: 'get',
+      params
+    }).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 listScheduleClasses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.listScheduleClasses',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除排班
+export function deleteScheduleClasses(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.deleteScheduleClasses',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新排班状态
+export function updateScheduleClassesState(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.updateScheduleClassesState',
+      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,
+        communityId: getCommunityId()
+      }
+    }).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} params 查询参数
+ * @returns {Promise} Promise对象
+ */
+export function listScheduleClasses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.listScheduleClasses',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取员工月度排班表
+ * @param {Object} params 查询参数
+ * @returns {Promise} Promise对象
+ */
+export function staffMonthScheduleClasses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/scheduleClasses.staffMonthScheduleClasses',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 导出排班表数据
+ * @param {Object} params 导出参数
+ * @returns {Promise} Promise对象
+ */
+export function exportData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取组织树
+ * @param {Object} params 查询参数
+ * @returns {Promise} Promise对象
+ */
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params
+    }).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} params 查询参数
+ * @returns {Promise}
+ */
+export function listCommunitySettingKey(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/communitySettingKey.listCommunitySettingKey',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 保存小区设置
+ * @param {Object} data 保存数据
+ * @returns {Promise}
+ */
+export function saveCommunitySetting(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.saveCommunitySetting',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取商户列表
+export function listStores(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/store.listStores',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新商户信息
+export function updateStoreInfo(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/update.store.info',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新商户属性
+export function updateStoreAttr(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/storeAttr.updateStoreAttr',
+      method: 'post',
+      data
+    }).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 listWorkflows(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow.listWorkflows',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取流程图片
+export function listWorkflowImage(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow.listWorkflowImage',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code !== '0') {
+        reject(new Error(res.msg))
+        return
+      }
+      resolve({
+        data: res.data
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取流程类型字典
+export function getFlowTypeDict() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict.getDict',
+      method: 'get',
+      params: {
+        dictType: 'workflow',
+        dictCd: 'flow_type'
+      }
+    }).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 getWorkflowSteps(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow.listWorkflowSteps',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新工作流设置
+export function updateWorkflow(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow.updateWorkflow',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询员工信息
+export function queryStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取组织树
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
 <template>
-  <el-dialog :title="$t('addStaff.chooseOrg')" :visible.sync="visible" width="50%" @close="handleClose">
-    <el-tree ref="orgTree" :data="orgs" :props="defaultProps" node-key="id" highlight-current
-      @node-click="handleNodeClick" class="org-tree-container" />
+  <el-dialog
+    :title="$t('scheduleClassesPage.selectOrg')"
+    :visible.sync="dialogVisible"
+    width="60%"
+  >
+    <el-tree
+      ref="orgTree"
+      :data="chooseOrgInfo.orgs"
+      :props="defaultProps"
+      node-key="id"
+      highlight-current
+      @node-click="handleNodeClick"
+    />
     <span slot="footer" class="dialog-footer">
-      <el-button @click="visible = false">{{ $t('addStaff.cancel') }}</el-button>
-      <el-button type="primary" @click="handleConfirm">{{ $t('addStaff.confirm') }}</el-button>
+      <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="_doChooseOrg">{{ $t('common.confirm') }}</el-button>
     </span>
   </el-dialog>
 </template>
-  
+
 <script>
-import { listOrgTree } from '@/api/staff/addStaffApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import { listOrgTree } from '@/api/org/orgApi'
  
 export default {
   name: 'ChooseOrgTree',
   data() {
     return {
-/*************  ✨ Windsurf Command ⭐  *************/
-/**
- * Lifecycle hook called when the component is mounted.
- * Initializes the jsTree with the current organization data.
- */
-
-/*******  cd76f80b-513b-4475-894b-fd5714d067a7  *******/        visible: false,
-      orgs: [],
-      currentOrg: null,
+      dialogVisible: false,
+      chooseOrgInfo: {
+        orgs: [],
+        orgId: '',
+        curOrg: {}
+      },
       defaultProps: {
         children: 'children',
-        label: 'text'
+        label: 'name'
       }
     }
   },
   methods: {
-    openOrgModal() {
-      this.visible = true
-      this.loadOrgs()
+    open() {
+      this.dialogVisible = true
+      this._loadChooseOrgs()
     },
-    async loadOrgs() {
-      this.orgs = []
+    async _loadChooseOrgs() {
       try {
-        const res = await listOrgTree({
-          communityId: '-1'
-        })
-        this.orgs.push(res.data)
+        const params = {
+          communityId: getCommunityId()
+        }
+        const { data } = await listOrgTree(params)
+        this.chooseOrgInfo.orgs = data
       } catch (error) {
-        this.$message.error(error.message || '加载组织树失败')
+        console.error('获取组织树失败:', error)
       }
     },
     handleNodeClick(data) {
-      this.currentOrg = {
-        orgId: data.id,
-        allOrgName: data.text
-      }
+      this.chooseOrgInfo.curOrg = data
+      this.chooseOrgInfo.curOrg.orgId = data.id
     },
-    handleConfirm() {
-      if (!this.currentOrg) {
-        this.$message.warning('请选择组织')
-        return
-      }
-      this.$emit('switchOrg', this.currentOrg)
-      this.visible = false
-    },
-    handleClose() {
-      this.currentOrg = null
-      this.$refs.orgTree.setCurrentKey(null)
+    _doChooseOrg() {
+      this.$emit('switchOrg', this.chooseOrgInfo.curOrg)
+      this.dialogVisible = false
     }
   }
 }
 </script>
-  
+
 <style lang="scss" scoped>
-.org-tree-container {
-  min-height: 300px;
-  max-height: 500px;
+::v-deep .el-dialog__body {
+  padding: 20px;
+  max-height: 60vh;
   overflow-y: auto;
 }
 </style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('scheduleClasses.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div style="text-align: center">
+      <p>{{ $t('scheduleClasses.delete.confirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteScheduleClasses } from '@/api/org/scheduleClassesApi'
+
+export default {
+  name: 'DeleteScheduleClasses',
+  data() {
+    return {
+      visible: false,
+      currentItem: null
+    }
+  },
+  methods: {
+    open(item) {
+      this.currentItem = item
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteScheduleClasses(this.currentItem)
+        this.$message.success(this.$t('scheduleClasses.delete.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        this.$message.error(this.$t('scheduleClasses.delete.error'))
+      }
+    },
+    handleClose() {
+      this.visible = false
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('editScheduleClassesDay.title')" :visible.sync="visible" width="60%" @close="handleClose">
+    <el-form label-position="right" label-width="120px">
+      <el-form-item :label="$t('editScheduleClassesDay.status')">
+        <el-select v-model="workday" @change="changeScheduleClassesDayState" style="width:100%">
+          <el-option :label="$t('editScheduleClassesDay.rest')" value="2002" />
+          <el-option v-for="(item, index) in classess" :key="index" :label="`${item.name}${getClassTime(item)}`"
+            :value="item.classesId" />
+        </el-select>
+      </el-form-item>
+
+      <div v-if="workday !== '2002'">
+        <el-form-item v-for="(item, index) in times" :key="index">
+          <el-col :span="11">
+            <el-form-item :label="$t('editScheduleClassesDay.startTime')">
+              <el-input v-model="item.startTime" :placeholder="$t('editScheduleClassesDay.startTimePlaceholder')" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="11" :offset="2">
+            <el-form-item :label="$t('editScheduleClassesDay.endTime')">
+              <el-input v-model="item.endTime" :placeholder="$t('editScheduleClassesDay.endTimePlaceholder')" />
+            </el-form-item>
+          </el-col>
+        </el-form-item>
+      </div>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="submitEditScheduleClassesDay">
+        {{ $t('common.submit') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { listClasses } from '@/api/org/addScheduleClassesApi'
+
+export default {
+  name: 'EditScheduleClassesDay',
+  data() {
+    return {
+      visible: false,
+      workday: '',
+      workdayName: '',
+      times: [],
+      classess: [],
+      currentItem: null
+    }
+  },
+  methods: {
+    open(item) {
+      this.currentItem = item 
+      this.workday = item.workday
+      this.workdayName = item.workdayName
+      this.times = item.times ? [...item.times] : []
+      this.listClassess()
+      this.visible = true
+    },
+    handleClose() {
+      this.workday = ''
+      this.workdayName = ''
+      this.times = []
+      this.currentItem = null
+    },
+    async listClassess() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          state: '1001'
+        }
+        const res = await listClasses(params)
+        this.classess = res.data || []
+      } catch (error) {
+        console.error('获取班次列表失败:', error)
+      }
+    },
+    changeScheduleClassesDayState() {
+      this.times = []
+      if (this.workday === '2002') {
+        this.workdayName = this.$t('editScheduleClassesDay.rest')
+        return
+      }
+
+      const selectedClass = this.classess.find(item => item.classesId === this.workday)
+      if (selectedClass) {
+        this.workdayName = selectedClass.name
+        if (selectedClass.times) {
+          this.times = [...selectedClass.times]
+        }
+      }
+    },
+    getClassTime(item) {
+      if (!item.times || item.times.length === 0) return ''
+
+      let timeStr = ''
+      item.times.forEach(timeItem => {
+        timeStr += `${timeItem.startTime}-${timeItem.endTime};`
+      })
+
+      return `(${timeStr})`
+    },
+    submitEditScheduleClassesDay() {
+      if (this.currentItem) {
+        this.currentItem.workday = this.workday
+        this.currentItem.workdayName = this.workdayName
+        this.currentItem.times = [...this.times]
+        this.visible = false
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.el-form-item {
+  margin-bottom: 20px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <div>
+    <el-form-item :label="$t('scheduleClassesDay.scheduleCycle')">
+      <el-select v-model="scheduleCycle" :placeholder="$t('scheduleClassesDay.scheduleCyclePlaceholder')"
+        @change="changeInspectionPeriod" style="width:100%">
+        <el-option v-for="index in 31" :key="index" :label="`${index}${$t('scheduleClassesDay.day')}`" :value="index" />
+      </el-select>
+    </el-form-item>
+
+    <el-form-item :label="$t('scheduleClassesDay.scheduleInfo')">
+      <div class="schedule-days-container">
+        <div v-for="(item, index) in days" :key="index" class="schedule-day-item" @click="changeWorkdayInfo(item)">
+          <div class="day-number">{{ item.day }}</div>
+          <div class="workday-name">{{ item.workdayName }}</div>
+          <div v-for="(time, timeIndex) in item.times" :key="timeIndex" class="time-range">
+            {{ time.startTime }}-{{ time.endTime }}
+          </div>
+        </div>
+      </div>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ScheduleClassesDay',
+  props: {
+    initialData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      scheduleCycle: 1,
+      days: []
+    }
+  },
+  created() {
+    if (this.initialData.days && this.initialData.days.length > 0) {
+      this.days = [...this.initialData.days]
+      this.scheduleCycle = this.initialData.scheduleCycle
+    } else {
+      this.changeInspectionPeriod()
+    }
+  },
+  methods: {
+    notify(params) {
+      this.localDays = params.days || []
+      this.$emit('update:scheduleCycle', params.scheduleCycle || 1)
+      if (!params.days || params.days.length === 0) {
+        this.changeInspectionPeriodWeek()
+      }
+    },
+    initData(scheduleCycle) {
+      this.scheduleCycle = scheduleCycle
+      this.changeInspectionPeriod()
+    },
+    changeInspectionPeriod() {
+      this.days = []
+      for (let cycleIndex = 0; cycleIndex < this.scheduleCycle; cycleIndex++) {
+        this.days.push({
+          day: cycleIndex + 1,
+          workday: '2002',
+          workdayName: this.$t('scheduleClassesDay.rest'),
+          times: []
+        })
+      }
+      this.$emit('cycle-change', this.scheduleCycle)
+    },
+    changeWorkdayInfo(item) {
+      this.$emit('editDay', item)
+    },
+    getDaysData() {
+      return this.days
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.schedule-days-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.schedule-day-item {
+  width: calc(16.66% - 10px);
+  padding: 10px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.3s;
+
+  &:hover {
+    border-color: #409eff;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  }
+
+  .day-number {
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
+  .workday-name {
+    margin-bottom: 5px;
+  }
+
+  .time-range {
+    font-size: 12px;
+    color: #666;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <div>
+    <el-form-item :label="$t('scheduleClassesMonth.scheduleCycle')">
+      <el-select
+        v-model="scheduleCycle"
+        :placeholder="$t('scheduleClassesMonth.scheduleCyclePlaceholder')"
+        @change="changeInspectionPeriod"
+        style="width:100%"
+      >
+        <el-option
+          :label="`1${$t('scheduleClassesMonth.month')}`"
+          value="1"
+        />
+      </el-select>
+    </el-form-item>
+
+    <el-form-item :label="$t('scheduleClassesMonth.scheduleInfo')">
+      <div class="schedule-days-container">
+        <div
+          v-for="(item, index) in days"
+          :key="index"
+          class="schedule-day-item"
+          @click="changeWorkdayInfo(item)"
+        >
+          <div class="day-number">{{ item.day }}</div>
+          <div class="workday-name">{{ item.workdayName }}</div>
+          <div
+            v-for="(time, timeIndex) in item.times"
+            :key="timeIndex"
+            class="time-range"
+          >
+            {{ time.startTime }}-{{ time.endTime }}
+          </div>
+        </div>
+      </div>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ScheduleClassesMonth',
+  props: {
+    initialData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      scheduleCycle: 1,
+      days: []
+    }
+  },
+  created() {
+    if (this.initialData.days && this.initialData.days.length > 0) {
+      this.days = [...this.initialData.days]
+      this.scheduleCycle = this.initialData.scheduleCycle
+    } else {
+      this.changeInspectionPeriod()
+    }
+  },
+  methods: {
+    initData(scheduleCycle) {
+      this.scheduleCycle = scheduleCycle
+      this.changeInspectionPeriod()
+    },
+    changeInspectionPeriod() {
+      this.days = []
+      for (let cycleIndex = 0; cycleIndex < 31; cycleIndex++) {
+        this.days.push({
+          day: cycleIndex + 1,
+          workday: '2002',
+          workdayName: this.$t('scheduleClassesMonth.rest'),
+          times: []
+        })
+      }
+    },
+    changeWorkdayInfo(item) {
+      this.$emit('edit-day', item)
+    },
+    getDaysData() {
+      return this.days
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.schedule-days-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.schedule-day-item {
+  width: calc(16.66% - 10px);
+  padding: 10px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.3s;
+
+  &:hover {
+    border-color: #409eff;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  }
+
+  .day-number {
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
+  .workday-name {
+    margin-bottom: 5px;
+  }
+
+  .time-range {
+    font-size: 12px;
+    color: #666;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('scheduleClasses.state.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div style="text-align: center">
+      <p>
+        {{ $t('scheduleClasses.state.confirm') }}
+        <strong>{{ formData.stateName }}</strong>
+        {{ $t('scheduleClasses.state.schedule') }}
+      </p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateScheduleClassesState } from '@/api/org/scheduleClassesApi'
+
+export default {
+  name: 'ScheduleClassesState',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        scheduleId: '',
+        stateName: '',
+        state: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData = { ...data }
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await updateScheduleClassesState(this.formData)
+        this.$message.success(this.$t('scheduleClasses.state.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        this.$message.error(this.$t('scheduleClasses.state.error'))
+      }
+    },
+    handleClose() {
+      this.visible = false
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-form-item :label="$t('scheduleClassesWeek.scheduleCycle')">
+      <el-select v-model="scheduleCycle" :placeholder="$t('scheduleClassesWeek.scheduleCyclePlaceholder')"
+        @change="changeInspectionPeriodWeek" style="width:100%">
+        <el-option v-for="index in 4" :key="index" :label="`${index}${$t('scheduleClassesWeek.week')}`"
+          :value="index" />
+      </el-select>
+    </el-form-item>
+
+    <div v-for="week in scheduleCycle" :key="week">
+      <el-form-item :label="getWeek(week)">
+        <div class="schedule-weeks-container">
+          <template v-for="(item, index) in days">
+            <div v-if="item.weekFlag === week"  :key="index" class="schedule-week-item" @click="changeWorkdayWeekInfo(item)">
+              <div class="day-name">{{ getWorkDay(item.day) }}</div>
+              <div class="workday-name">{{ item.workdayName }}</div>
+              <div v-for="(time, timeIndex) in item.times" :key="timeIndex" class="time-range">
+                {{ time.startTime }}-{{ time.endTime }}
+              </div>
+            </div>
+          </template>
+        </div>
+      </el-form-item>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ScheduleClassesWeek',
+  props: {
+    initialData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      scheduleCycle: 1,
+      days: []
+    }
+  },
+  created() {
+    if (this.initialData.days && this.initialData.days.length > 0) {
+      this.days = [...this.initialData.days]
+      this.scheduleCycle = this.initialData.scheduleCycle
+    } else {
+      this.changeInspectionPeriodWeek()
+    }
+  },
+  methods: {
+    initData(scheduleCycle) {
+      this.scheduleCycle = scheduleCycle
+      this.changeInspectionPeriodWeek()
+    },
+    changeInspectionPeriodWeek() {
+      this.days = []
+      for (let weekIndex = 0; weekIndex < this.scheduleCycle; weekIndex++) {
+        for (let cycleIndex = 0; cycleIndex < 7; cycleIndex++) {
+          this.days.push({
+            weekFlag: weekIndex + 1,
+            day: cycleIndex + 1,
+            workday: '2002',
+            workdayName: this.$t('scheduleClassesWeek.rest'),
+            times: []
+          })
+        }
+      }
+      this.$emit('cycle-change', this.scheduleCycle)
+    },
+    changeWorkdayWeekInfo(item) {
+      this.$emit('edit-day', item)
+    },
+    getWeek(week) {
+      return `${week}${this.$t('scheduleClassesWeek.week')}`
+    },
+    getWorkDay(day) {
+      const days = [
+        this.$t('common.monday'),
+        this.$t('common.tuesday'),
+        this.$t('common.wednesday'),
+        this.$t('common.thursday'),
+        this.$t('common.friday'),
+        this.$t('common.saturday'),
+        this.$t('common.sunday')
+      ]
+      return days[day - 1]
+    },
+    getDaysData() {
+      return this.days
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.schedule-weeks-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.schedule-week-item {
+  width: calc(14.28% - 10px);
+  padding: 10px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.3s;
+
+  &:hover {
+    border-color: #409eff;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  }
+
+  .day-name {
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
+  .workday-name {
+    margin-bottom: 5px;
+  }
+
+  .time-range {
+    font-size: 12px;
+    color: #666;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('editStoreAttr.title')" :visible.sync="visible" width="60%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right">
+      <el-form-item :label="form.name">
+        <el-input v-model="form.value" :placeholder="$t('editStoreAttr.attributePlaceholder')" />
+      </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="submitForm">
+        {{ $t('common.save') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateStoreAttr } from '@/api/system/storeInfoManageApi'
+
+export default {
+  name: 'EditStoreAttr',
+  data() {
+    return {
+      visible: false,
+      form: {
+        attrId: '',
+        value: '',
+        name: ''
+      },
+      rules: {
+        value: [
+          { required: true, message: this.$t('editStoreAttr.validate.valueRequired'), trigger: 'blur' },
+          { max: 50, message: this.$t('editStoreAttr.validate.valueMaxLength'), trigger: 'blur' }
+        ],
+        attrId: [
+          { required: true, message: this.$t('editStoreAttr.validate.attrIdRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(storeAttr) {
+      this.resetForm()
+      this.form = {
+        ...this.form,
+        ...storeAttr
+      }
+      this.visible = true
+    },
+    resetForm() {
+      this.form = {
+        attrId: '',
+        value: '',
+        name: ''
+      }
+    },
+    handleClose() {
+      this.resetForm()
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateStoreAttr(this.form)
+            this.$message.success(this.$t('common.saveSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('common.saveFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('editStoreInfo.title')" :visible.sync="visible" width="60%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right">
+      <el-form-item :label="$t('editStoreInfo.storeName')" prop="name">
+        <el-input v-model="form.name" :placeholder="$t('editStoreInfo.storeNamePlaceholder')" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('editStoreInfo.storeAddress')" prop="address">
+        <el-input v-model="form.address" :placeholder="$t('editStoreInfo.storeAddressPlaceholder')" />
+      </el-form-item>
+      <el-form-item :label="$t('editStoreInfo.contactNumber')" prop="tel">
+        <el-input v-model="form.tel" :placeholder="$t('editStoreInfo.contactNumberPlaceholder')" />
+      </el-form-item>
+      <el-form-item :label="$t('editStoreInfo.nearbyLandmark')" prop="nearByLandmarks">
+        <el-input v-model="form.nearByLandmarks" :placeholder="$t('editStoreInfo.nearbyLandmarkPlaceholder')" />
+      </el-form-item>
+      <el-form-item :label="$t('editStoreInfo.mapX')" prop="mapX">
+        <el-input v-model="form.mapX" :placeholder="$t('editStoreInfo.mapXPlaceholder')" />
+      </el-form-item>
+      <el-form-item :label="$t('editStoreInfo.mapY')" prop="mapY">
+        <el-input v-model="form.mapY" :placeholder="$t('editStoreInfo.mapYPlaceholder')" />
+      </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="submitForm">
+        {{ $t('common.save') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateStoreInfo } from '@/api/system/storeInfoManageApi'
+
+export default {
+  name: 'EditStoreInfo',
+  data() {
+    return {
+      visible: false,
+      form: {
+        storeId: '',
+        name: '',
+        address: '',
+        tel: '',
+        nearByLandmarks: '',
+        mapX: '',
+        mapY: ''
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t('editStoreInfo.validate.nameRequired'), trigger: 'blur' },
+          { max: 100, message: this.$t('editStoreInfo.validate.nameMaxLength'), trigger: 'blur' }
+        ],
+        address: [
+          { required: true, message: this.$t('editStoreInfo.validate.addressRequired'), trigger: 'blur' },
+          { max: 200, message: this.$t('editStoreInfo.validate.addressMaxLength'), trigger: 'blur' }
+        ],
+        tel: [
+          { required: true, message: this.$t('editStoreInfo.validate.telRequired'), trigger: 'blur' },
+          { max: 11, message: this.$t('editStoreInfo.validate.telMaxLength'), trigger: 'blur' }
+        ],
+        nearByLandmarks: [
+          { required: true, message: this.$t('editStoreInfo.validate.landmarkRequired'), trigger: 'blur' },
+          { max: 200, message: this.$t('editStoreInfo.validate.landmarkMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(storeInfo) {
+      this.resetForm()
+      this.form = {
+        ...this.form,
+        ...storeInfo
+      }
+      this.visible = true
+    },
+    resetForm() {
+      this.form = {
+        storeId: '',
+        name: '',
+        address: '',
+        tel: '',
+        nearByLandmarks: '',
+        mapX: '',
+        mapY: ''
+      }
+    },
+    handleClose() {
+      this.resetForm()
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateStoreInfo(this.form)
+            this.$message.success(this.$t('common.saveSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('common.saveFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="org-tree-show">
+    <el-tree
+      ref="orgTree"
+      :data="orgData"
+      :props="defaultProps"
+      node-key="id"
+      default-expand-all
+      highlight-current
+      @node-click="handleNodeClick"
+    />
+  </div>
+</template>
+
+<script>
+import { listOrgTree } from '@/api/system/workflowSettingManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'OrgTreeShow',
+  data() {
+    return {
+      communityId: '',
+      orgData: [],
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      }
+    }
+  },
+  methods: {
+    async initTree() {
+      this.communityId = getCommunityId()
+      try {
+        const { data } = await listOrgTree({
+          communityId: this.communityId
+        })
+        this.orgData = data || []
+      } catch (error) {
+        this.$message.error(this.$t('orgTree.fetchError'))
+      }
+    },
+    
+    handleNodeClick(data) {
+      this.$emit('switch-org', {
+        orgId: data.id,
+        orgName: data.text
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.org-tree-show {
+  /deep/ .el-tree {
+    .el-tree-node {
+      .el-tree-node__content {
+        height: 40px;
+        
+        &:hover {
+          background-color: #f5f7fa;
+        }
+      }
+      
+      &.is-current {
+        > .el-tree-node__content {
+          background-color: #ecf5ff;
+          color: #409eff;
+        }
+      }
+    }
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    :title="$t('selectStaff.title')"
+    width="70%"
+    @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">
+          <org-tree-show 
+            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">
+          <div
+            v-for="(item,index) in staffList"
+            :key="index"
+            class="staff-item"
+            :class="{ 'active': currentStaffId === item.userId }"
+            @click="handleSelectStaff(item)"
+          >
+            <div>
+              <i class="el-icon-user margin-right-xs"></i>
+              {{ item.userName }}
+            </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="handleFirstUser">{{ $t('selectStaff.submitter') }}</el-button>
+      <el-button @click="handleCustomUser">{{ $t('selectStaff.dynamicAssign') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { queryStaffInfos } from '@/api/system/workflowSettingManageApi'
+import OrgTreeShow from './OrgTreeShow'
+
+export default {
+  name: 'SelectStaff',
+  components: {
+    OrgTreeShow
+  },
+  data() {
+    return {
+      visible: false,
+      staff: {},
+      staffList: [],
+      currentStaffId: '',
+      currentOrg: null
+    }
+  },
+  methods: {
+    open(staff) {
+      this.staff = staff
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.orgTree.initTree()
+      })
+    },
+    
+    handleClose() {
+      this.staffList = []
+      this.currentStaffId = ''
+      this.currentOrg = null
+    },
+    
+    async handleSwitchOrg(org) {
+      this.currentOrg = org
+      try {
+        const { data } = await queryStaffInfos({
+          page: 1,
+          row: 50,
+          orgId: org.orgId
+        })
+        this.staffList = data.staffs || []
+        if (this.staffList.length > 0) {
+          this.currentStaffId = this.staffList[0].userId
+        }
+      } catch (error) {
+        this.$message.error(this.$t('selectStaff.fetchStaffError'))
+      }
+    },
+    
+    handleSelectStaff(item) {
+      this.staff.staffId = item.userId
+      this.staff.staffName = item.userName
+      this.visible = false
+      if (this.staff.call && typeof this.staff.call === 'function') {
+        this.staff.call(this.staff)
+      }
+    },
+    
+    handleFirstUser() {
+      this.staff.staffId = '${startUserId}'
+      this.staff.staffName = this.$t('selectStaff.submitter')
+      this.visible = false
+      if (this.staff.call && typeof this.staff.call === 'function') {
+        this.staff.call(this.staff)
+      }
+    },
+    
+    handleCustomUser() {
+      this.staff.staffId = '${nextUserId}'
+      this.staff.staffName = this.$t('selectStaff.dynamicAssign')
+      this.visible = false
+      if (this.staff.call && typeof this.staff.call === 'function') {
+        this.staff.call(this.staff)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.border-right {
+  border-right: 1px solid #ebeef5;
+}
+
+.org-tree-container {
+  height: 400px;
+  overflow-y: auto;
+}
+
+.staff-list {
+  height: 400px;
+  overflow-y: auto;
+  
+  .staff-item {
+    padding: 10px;
+    margin-bottom: 10px;
+    cursor: pointer;
+    border-radius: 4px;
+    
+    &:hover {
+      background-color: #f5f7fa;
+    }
+    
+    &.active {
+      background-color: #ecf5ff;
+      color: #409eff;
+    }
+  }
+}
+
+.margin-right-xs {
+  margin-right: 5px;
+}
+
+.mb-20 {
+  margin-bottom: 20px;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
 <template>
-  <div class="image-viewer">
-    <el-dialog 
-      :visible.sync="dialogVisible" 
-      fullscreen 
+  <div class="view-image-container">
+    <el-dialog
+      :visible.sync="visible"
+      :fullscreen="true"
       :show-close="false"
-      @close="closeDialog">
-      <div class="image-container">
-        <el-image 
-          :src="imageUrl" 
-          fit="contain"
-          :style="{ width: imageWidth + 'px', height: imageHeight + 'px' }">
-        </el-image>
-        <i class="el-icon-close close-icon" @click="closeDialog"></i>
+      custom-class="image-viewer-dialog"
+    >
+      <div class="image-wrapper">
+        <img
+          :src="imageInfo.url"
+          :style="{
+            width: imageInfo.width + 'px',
+            height: imageInfo.height + 'px'
+          }"
+          @error="handleImageError"
+        />
+        <i class="el-icon-close close-icon" @click="close"></i>
       </div>
     </el-dialog>
   </div>
@@ -22,50 +26,74 @@ export default {
   name: 'ViewImage',
   data() {
     return {
-      dialogVisible: false,
-      imageUrl: '',
-      imageWidth: 800,
-      imageHeight: 800
+      visible: false,
+      imageInfo: {
+        url: '',
+        width: 800,
+        height: 800
+      }
     }
   },
   methods: {
-    open(url) {
-      this.imageUrl = url
-      this.dialogVisible = true
+    open(params) {
+      this.imageInfo.url = params.url
+      this.visible = true
  
-      // 计算图片宽高比例
+      // 动态计算图片尺寸
       const img = new Image()
-      img.src = url
+      img.src = params.url
       img.onload = () => {
-        const ratio = img.width / img.height
-        this.imageWidth = 800
-        this.imageHeight = 800 / ratio
+        const imgScale = img.width / img.height
+        this.imageInfo.width = 800
+        this.imageInfo.height = 800 / imgScale
+      }
+    },
+    close() {
+      this.visible = false
+      this.imageInfo = {
+        url: '',
+        width: 800,
+        height: 800
       }
     },
-    closeDialog() {
-      this.dialogVisible = false
+    handleImageError(e) {
+      e.target.src = '/img/noPhoto.jpg'
     }
   }
 }
 </script>
  
 <style lang="scss" scoped>
-.image-viewer {
-  .image-container {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    background-color: #fff;
-    padding: 20px;
+.view-image-container {
+  .image-viewer-dialog {
+    background-color: rgba(0, 0, 0, 0.8);
  
-    .close-icon {
-      position: absolute;
-      right: 20px;
-      top: 20px;
-      font-size: 24px;
-      color: #F56C6C;
-      cursor: pointer;
+    .image-wrapper {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
+      
+      img {
+        max-width: 90%;
+        max-height: 90%;
+        object-fit: contain;
+      }
+      
+      .close-icon {
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        font-size: 24px;
+        color: #fff;
+        cursor: pointer;
+        z-index: 2001;
+        
+        &:hover {
+          color: #f56c6c;
+        }
+      }
     }
   }
 }
@@ -143,6 +143,7 @@ import { messages as resourceI18n } from &#39;./resourceI18n&#39;
 import { messages as carI18n } from './carI18n'
 import { messages as scmI18n } from './scmI18n'
 import { messages as userI18n } from './userI18n'
+import { messages as systemI18n } from './systemI18n'
  
 Vue.use(VueI18n)
  
@@ -284,6 +285,7 @@ const messages = {
     ...carI18n.en,
     ...scmI18n.en,
     ...userI18n.en,
+    ...systemI18n.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -419,6 +421,7 @@ const messages = {
     ...carI18n.zh,
     ...scmI18n.zh,
     ...userI18n.zh,
+    ...systemI18n.zh,
   }
 }
  
+import { messages as communitySettingManageMessages } from '../views/system/communitySettingManageLang'
+import { messages as storeInfoManageMessages } from '../views/system/storeInfoManageLang'
+export const messages = {
+    en: {
+        ...communitySettingManageMessages.en,
+        ...storeInfoManageMessages.en,
+    },
+    zh: {
+        ...communitySettingManageMessages.zh,
+        ...storeInfoManageMessages.zh,
+    }
+}
 \ No newline at end of file
@@ -2,6 +2,12 @@ import { messages as staffCommunityMessages } from &#39;../views/staff/staffCommunit
 import { messages as staffAppAuthManageMessages } from '../views/staff/staffAppAuthManageLang'
 import { messages as dataPrivilegeManageMessages } from '../views/org/dataPrivilegeManageLang'
 import { messages as classesManageMessages } from '../views/org/classesManageLang'
+import { messages as scheduleClassesMessages } from '../views/org/scheduleClassesLang'
+import { messages as addScheduleClassesMessages } from '../views/org/addScheduleClassesLang'
+import { messages as editScheduleClassesMessages } from '../views/org/editScheduleClassesLang'
+import { messages as scheduleClassesPageMessages } from '../views/org/scheduleClassesPageLang'
+import { messages as workflowManageMessages } from '../views/system/workflowManageLang'
+import { messages as workflowSettingManageMessages } from '../views/system/workflowSettingManageLang'
  
 export const messages = {
     en: {
@@ -9,11 +15,23 @@ export const messages = {
         ...staffAppAuthManageMessages.en,
         ...dataPrivilegeManageMessages.en,
         ...classesManageMessages.en,
+        ...scheduleClassesMessages.en,  
+        ...addScheduleClassesMessages.en,
+        ...editScheduleClassesMessages.en,
+        ...scheduleClassesPageMessages.en,
+        ...workflowManageMessages.en,
+        ...workflowSettingManageMessages.en,
     },
     zh: {
         ...staffCommunityMessages.zh,
         ...staffAppAuthManageMessages.zh,
         ...dataPrivilegeManageMessages.zh,
         ...classesManageMessages.zh,
+        ...scheduleClassesMessages.zh,
+        ...addScheduleClassesMessages.zh,
+        ...editScheduleClassesMessages.zh,
+        ...scheduleClassesPageMessages.zh,
+        ...workflowManageMessages.zh,
+        ...workflowSettingManageMessages.zh,
     }
 }
 \ No newline at end of file
@@ -13,6 +13,7 @@ import resourceRouter from &#39;./resourceRouter&#39;
 import carRouter from './carRouter'
 import scmRouter from './scmRouter'
 import userRouter from './userRouter'
+import systemRouter from './systemRouter'
  
 Vue.use(VueRouter)
  
@@ -634,6 +635,7 @@ const routes = [
       ...carRouter,
       ...scmRouter,
       ...userRouter,
+      ...systemRouter,
       // 其他子路由可以在这里添加
     ]
   },
+export default [
+    {
+        path: '/pages/property/communitySettingManage',
+        name: '/pages/property/communitySettingManage',
+        component: () => import('@/views/system/communitySettingManageList.vue')
+    },
+    {
+        path: '/pages/property/workflowManage',
+        name: '/pages/property/workflowManage',
+        component: () => import('@/views/system/workflowManageList.vue')
+    },
+    {
+        path: '/pages/property/workflowSettingManage',
+        name: '/pages/property/workflowSettingManage',
+        component: () => import('@/views/system/workflowSettingManageList.vue')
+    },
+    {
+        path:'/pages/common/storeInfoManage',
+        name:'/pages/common/storeInfoManage',
+        component: () => import('@/views/system/storeInfoManageList.vue')
+        },
+]
 \ No newline at end of file
@@ -15,8 +15,28 @@ export default [
         component: () => import('@/views/org/dataPrivilegeManageList.vue')
     },
     {
-        path:'/pages/property/classesManage',
-        name:'/pages/property/classesManage',
+        path: '/pages/property/classesManage',
+        name: '/pages/property/classesManage',
         component: () => import('@/views/org/classesManageList.vue')
+    },
+    {
+        path: '/pages/property/scheduleClasses',
+        name: '/pages/property/scheduleClasses',
+        component: () => import('@/views/org/scheduleClassesList.vue')
+    },
+    {
+        path: '/views/org/addScheduleClasses',
+        name: '/views/org/addScheduleClasses',
+        component: () => import('@/views/org/addScheduleClassesList.vue')
+    },
+    {
+        path: '/views/org/editScheduleClasses',
+        name: '/views/org/editScheduleClasses',
+        component: () => import('@/views/org/editScheduleClassesList.vue')
+    },
+    {
+        path:'/pages/property/scheduleClassesPage',
+        name:'/pages/property/scheduleClassesPage',
+        component: () => import('@/views/org/scheduleClassesPageList.vue')
         },
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    addScheduleClasses: {
+      title: 'Add Schedule',
+      name: 'Schedule Name',
+      namePlaceholder: 'Required, please enter schedule name',
+      scheduleType: 'Schedule Type',
+      scheduleTypePlaceholder: 'Required, please select schedule type',
+      daily: 'Daily Schedule',
+      weekly: 'Weekly Schedule',
+      monthly: 'Monthly Schedule'
+    },
+    scheduleClassesDay: {
+      scheduleCycle: 'Schedule Cycle',
+      scheduleCyclePlaceholder: 'Required, please select schedule cycle',
+      day: 'Day',
+      scheduleInfo: 'Schedule Information',
+      rest: 'Rest'
+    },
+    scheduleClassesWeek: {
+      scheduleCycle: 'Schedule Cycle',
+      scheduleCyclePlaceholder: 'Required, please select schedule cycle',
+      week: 'Week',
+      scheduleInfo: 'Schedule Information',
+      rest: 'Rest'
+    },
+    scheduleClassesMonth: {
+      scheduleCycle: 'Schedule Cycle',
+      scheduleCyclePlaceholder: 'Required, please select schedule cycle',
+      month: 'Month',
+      scheduleInfo: 'Schedule Information',
+      rest: 'Rest'
+    },
+    editScheduleClassesDay: {
+      title: 'Edit Schedule',
+      status: 'Status',
+      rest: 'Rest',
+      startTime: 'Start Time',
+      startTimePlaceholder: 'Required, please enter start time',
+      endTime: 'End Time',
+      endTimePlaceholder: 'Required, please enter end time'
+    }
+  },
+  zh: {
+    addScheduleClasses: {
+      title: '添加排班',
+      name: '排班名称',
+      namePlaceholder: '必填，请填写计划名称',
+      scheduleType: '排班类型',
+      scheduleTypePlaceholder: '必填，请选择排班类型',
+      daily: '按日排班',
+      weekly: '按周排班',
+      monthly: '按月排班'
+    },
+    scheduleClassesDay: {
+      scheduleCycle: '排班周期',
+      scheduleCyclePlaceholder: '必填，请选择排班周期',
+      day: '日',
+      scheduleInfo: '排班信息',
+      rest: '休息'
+    },
+    scheduleClassesWeek: {
+      scheduleCycle: '排班周期',
+      scheduleCyclePlaceholder: '必填，请选择排班周期',
+      week: '周',
+      scheduleInfo: '排班信息',
+      rest: '休息'
+    },
+    scheduleClassesMonth: {
+      scheduleCycle: '排班周期',
+      scheduleCyclePlaceholder: '必填，请选择排班周期',
+      month: '月',
+      scheduleInfo: '排班信息',
+      rest: '休息'
+    },
+    editScheduleClassesDay: {
+      title: '修改',
+      status: '状态',
+      rest: '休息',
+      startTime: '上班时间',
+      startTimePlaceholder: '必填，请填写上班时间',
+      endTime: '下班时间',
+      endTimePlaceholder: '必填，请填写下班时间'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="add-schedule-classes-container">
+    <el-row>
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>{{ $t('addScheduleClasses.title') }}</span>
+          </div>
+          <div>
+            <el-form label-position="right" label-width="120px">
+              <el-form-item :label="$t('addScheduleClasses.name')">
+                <el-input v-model="addScheduleClassesInfo.name"
+                  :placeholder="$t('addScheduleClasses.namePlaceholder')" />
+              </el-form-item>
+              <el-form-item :label="$t('addScheduleClasses.scheduleType')">
+                <el-select v-model="addScheduleClassesInfo.scheduleType"
+                  :placeholder="$t('addScheduleClasses.scheduleTypePlaceholder')" @change="changeScheduleType"
+                  style="width:100%">
+                  <el-option :label="$t('addScheduleClasses.daily')" value="1001" />
+                  <el-option :label="$t('addScheduleClasses.weekly')" value="2002" />
+                  <el-option :label="$t('addScheduleClasses.monthly')" value="3003" />
+                </el-select>
+              </el-form-item>
+
+              <div v-if="addScheduleClassesInfo.scheduleType === '1001'">
+                <schedule-classes-day ref="scheduleDay" @editDay="editDay" />
+              </div>
+              <div v-if="addScheduleClassesInfo.scheduleType === '2002'">
+                <schedule-classes-week ref="scheduleWeek" @editDay="editDay" />
+              </div>
+              <div v-if="addScheduleClassesInfo.scheduleType === '3003'">
+                <schedule-classes-month ref="scheduleMonth" @editDay="editDay" />
+              </div>
+
+              <div class="action-buttons">
+                <el-button type="primary" @click="saveScheduleClassesInfo">
+                  {{ $t('common.save') }}
+                </el-button>
+                <el-button @click="goBack">
+                  {{ $t('common.back') }}
+                </el-button>
+              </div>
+            </el-form>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <edit-schedule-classes-day ref="editScheduleDay" @update="updateDay" />
+  </div>
+</template>
+
+<script>
+import ScheduleClassesDay from '@/components/org/scheduleClassesDay'
+import ScheduleClassesWeek from '@/components/org/scheduleClassesWeek'
+import ScheduleClassesMonth from '@/components/org/scheduleClassesMonth'
+import EditScheduleClassesDay from '@/components/org/editScheduleClassesDay'
+import { saveScheduleClasses } from '@/api/org/addScheduleClassesApi'
+
+export default {
+  name: 'AddScheduleClassesList',
+  components: {
+    ScheduleClassesDay,
+    ScheduleClassesWeek,
+    ScheduleClassesMonth,
+    EditScheduleClassesDay
+  },
+  data() {
+    return {
+      addScheduleClassesInfo: {
+        name: '',
+        scheduleType: '',
+        scheduleCycle: '1',
+        days: []
+      }
+    }
+  },
+  methods: {
+    changeScheduleType() {
+      this.addScheduleClassesInfo.days = []
+      this.addScheduleClassesInfo.scheduleCycle = 1
+
+      if (this.addScheduleClassesInfo.scheduleType === '1001') {
+        this.$refs.scheduleDay.initData(this.addScheduleClassesInfo.scheduleCycle)
+      } else if (this.addScheduleClassesInfo.scheduleType === '2002') {
+        this.$refs.scheduleWeek.initData(this.addScheduleClassesInfo.scheduleCycle)
+      } else if (this.addScheduleClassesInfo.scheduleType === '3003') {
+        this.$refs.scheduleMonth.initData(this.addScheduleClassesInfo.scheduleCycle)
+      }
+    },
+    async saveScheduleClassesInfo() {
+      try {
+        // 根据不同类型获取数据
+        if (this.addScheduleClassesInfo.scheduleType === '1001') {
+          this.addScheduleClassesInfo.days = this.$refs.scheduleDay.getDaysData()
+        } else if (this.addScheduleClassesInfo.scheduleType === '2002') {
+          this.addScheduleClassesInfo.days = this.$refs.scheduleWeek.getDaysData()
+        } else if (this.addScheduleClassesInfo.scheduleType === '3003') {
+          this.addScheduleClassesInfo.days = this.$refs.scheduleMonth.getDaysData()
+        }
+
+        const res = await saveScheduleClasses(this.addScheduleClassesInfo)
+        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'))
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+    editDay(item) {
+      this.$refs.editScheduleDay.open(item)
+    },
+    updateDay(updatedItem) {
+      // 由于 editScheduleClassesDay 组件现在直接修改传入的对象
+      // 这里不需要额外的处理，但保留方法以保持代码完整性
+      console.log('Day updated:', updatedItem)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add-schedule-classes-container {
+  padding: 20px;
+
+  .action-buttons {
+    margin-top: 20px;
+    text-align: right;
+
+    .el-button+.el-button {
+      margin-left: 10px;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    editScheduleClasses: {
+      title: 'Edit Schedule',
+      name: 'Schedule Name',
+      namePlaceholder: 'Required, please enter schedule name',
+      scheduleType: 'Schedule Type',
+      scheduleTypePlaceholder: 'Required, please select schedule type',
+      daySchedule: 'Daily Schedule',
+      weekSchedule: 'Weekly Schedule',
+      monthSchedule: 'Monthly Schedule',
+      rest: 'Rest'
+    },
+    scheduleClassesDay: {
+      scheduleCycle: 'Schedule Cycle',
+      scheduleCyclePlaceholder: 'Required, please select schedule cycle',
+      day: 'Day',
+      scheduleInfo: 'Schedule Information',
+      rest: 'Rest'
+    },
+    scheduleClassesWeek: {
+      scheduleCycle: 'Schedule Cycle',
+      scheduleCyclePlaceholder: 'Required, please select schedule cycle',
+      week: 'Week',
+      scheduleInfo: 'Schedule Information',
+      rest: 'Rest'
+    },
+    scheduleClassesMonth: {
+      scheduleCycle: 'Schedule Cycle',
+      scheduleCyclePlaceholder: 'Required, please select schedule cycle',
+      month: 'Month',
+      scheduleInfo: 'Schedule Information',
+      rest: 'Rest'
+    },
+    editScheduleClassesDay: {
+      editTitle: 'Edit Schedule Day',
+      status: 'Status',
+      startTime: 'Start Time',
+      startTimePlaceholder: 'Required, please enter start time',
+      endTime: 'End Time',
+      endTimePlaceholder: 'Required, please enter end time',
+      rest: 'Rest'
+    }
+  },
+  zh: {
+    editScheduleClasses: {
+      title: '修改排班',
+      name: '排班名称',
+      namePlaceholder: '必填，请填写计划名称',
+      scheduleType: '排班类型',
+      scheduleTypePlaceholder: '必填，请选择排班类型',
+      daySchedule: '按日排班',
+      weekSchedule: '按周排班',
+      monthSchedule: '按月排班',
+      rest: '休息'
+    },
+    scheduleClassesDay: {
+      scheduleCycle: '排班周期',
+      scheduleCyclePlaceholder: '必填，请选择排班周期',
+      day: '日',
+      scheduleInfo: '排班信息',
+      rest: '休息'
+    },
+    scheduleClassesWeek: {
+      scheduleCycle: '排班周期',
+      scheduleCyclePlaceholder: '必填，请选择排班周期',
+      week: '周',
+      scheduleInfo: '排班信息',
+      rest: '休息'
+    },
+    scheduleClassesMonth: {
+      scheduleCycle: '排班周期',
+      scheduleCyclePlaceholder: '必填，请选择排班周期',
+      month: '月',
+      scheduleInfo: '排班信息',
+      rest: '休息'
+    },
+    editScheduleClassesDay: {
+      editTitle: '修改',
+      status: '状态',
+      startTime: '上班时间',
+      startTimePlaceholder: '必填，请填写上班时间',
+      endTime: '下班时间',
+      endTimePlaceholder: '必填，请填写下班时间',
+      rest: '休息'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="edit-schedule-classes-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <h5>{{ $t('editScheduleClasses.title') }}</h5>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <div class="form-content">
+            <el-form ref="form" :model="editScheduleClassesInfo" label-width="120px">
+              <el-form-item :label="$t('editScheduleClasses.name')">
+                <el-input v-model="editScheduleClassesInfo.name"
+                  :placeholder="$t('editScheduleClasses.namePlaceholder')" clearable />
+              </el-form-item>
+              <el-form-item :label="$t('editScheduleClasses.scheduleType')">
+                <el-select v-model="editScheduleClassesInfo.scheduleType"
+                  :placeholder="$t('editScheduleClasses.scheduleTypePlaceholder')" style="width:100%"
+                  @change="changeScheduleType(1)">
+                  <el-option disabled :value="''" :label="$t('editScheduleClasses.scheduleTypePlaceholder')" />
+                  <el-option value="1001" :label="$t('editScheduleClasses.daySchedule')" />
+                  <el-option value="2002" :label="$t('editScheduleClasses.weekSchedule')" />
+                  <el-option value="3003" :label="$t('editScheduleClasses.monthSchedule')" />
+                </el-select>
+              </el-form-item>
+
+              <div v-if="editScheduleClassesInfo.scheduleType === '1001'">
+                <schedule-classes-day ref="dayComponent" :schedule-cycle="editScheduleClassesInfo.scheduleCycle"
+                  :days="editScheduleClassesInfo.days" @editDay="editDay" />
+              </div>
+              <div v-if="editScheduleClassesInfo.scheduleType === '2002'">
+                <schedule-classes-week ref="weekComponent" :schedule-cycle="editScheduleClassesInfo.scheduleCycle"
+                  :days="editScheduleClassesInfo.days" @editDay="editDay" />
+              </div>
+              <div v-if="editScheduleClassesInfo.scheduleType === '3003'">
+                <schedule-classes-month ref="monthComponent" :schedule-cycle="editScheduleClassesInfo.scheduleCycle"
+                  :days="editScheduleClassesInfo.days" @editDay="editDay" />
+              </div>
+
+              <el-form-item>
+                <el-button type="primary" @click="editScheduleClasses">
+                  <i class="el-icon-check" /> {{ $t('common.save') }}
+                </el-button>
+                <el-button type="warning" style="margin-right:20px;" @click="goBack">
+                  <i class="el-icon-close" /> {{ $t('common.back') }}
+                </el-button>
+              </el-form-item>
+            </el-form>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <edit-schedule-classes-day ref="editDayDialog" />
+  </div>
+</template>
+
+<script>
+import ScheduleClassesDay from '@/components/org/scheduleClassesDay'
+import ScheduleClassesWeek from '@/components/org/scheduleClassesWeek'
+import ScheduleClassesMonth from '@/components/org/scheduleClassesMonth'
+import EditScheduleClassesDay from '@/components/org/editScheduleClassesDay'
+import { updateScheduleClasses, listScheduleClasses, listScheduleClassesDay } from '@/api/org/editScheduleClassesApi'
+
+export default {
+  name: 'EditScheduleClassesList',
+  components: {
+    ScheduleClassesDay,
+    ScheduleClassesWeek,
+    ScheduleClassesMonth,
+    EditScheduleClassesDay
+  },
+  data() {
+    return {
+      editScheduleClassesInfo: {
+        scheduleId: '',
+        name: '',
+        scheduleType: '',
+        scheduleCycle: '1',
+        days: []
+      }
+    }
+  },
+  created() {
+    this.editScheduleClassesInfo.scheduleId = this.$route.query.scheduleId
+    this.listScheduleClassess()
+    this.listScheduleClassesDays()
+  },
+  methods: {
+    changeScheduleType(customChange) {
+      if (customChange) {
+        this.editScheduleClassesInfo.days = []
+        this.editScheduleClassesInfo.scheduleCycle = 1
+      }
+
+      if (this.editScheduleClassesInfo.scheduleType === '1001') {
+        setTimeout(() => {
+          this.$refs.dayComponent.notify({
+            scheduleCycle: this.editScheduleClassesInfo.scheduleCycle,
+            days: this.editScheduleClassesInfo.days
+          })
+        }, 500)
+      }
+      if (this.editScheduleClassesInfo.scheduleType === '2002') {
+        setTimeout(() => {
+          this.$refs.weekComponent.notify({
+          scheduleCycle: this.editScheduleClassesInfo.scheduleCycle,
+            days: this.editScheduleClassesInfo.days
+          })
+        }, 100)
+      }
+      if (this.editScheduleClassesInfo.scheduleType === '3003') {
+        setTimeout(() => {
+          this.$refs.monthComponent.notify({
+            scheduleCycle: this.editScheduleClassesInfo.scheduleCycle,
+            days: this.editScheduleClassesInfo.days
+          })
+        }, 100)
+      }
+    },
+    async editScheduleClasses() {
+      try {
+        await updateScheduleClasses(this.editScheduleClassesInfo)
+        this.$message.success(this.$t('common.updateSuccess'))
+        this.goBack()
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.updateFailed'))
+      }
+    },
+    async listScheduleClassess() {
+      try {
+        const { data } = await listScheduleClasses({
+          page: 1,
+          row: 1,
+          scheduleId: this.editScheduleClassesInfo.scheduleId
+        })
+        Object.assign(this.editScheduleClassesInfo, data[0])
+        this.changeScheduleType()
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    async listScheduleClassesDays() {
+      try {
+        const { data } = await listScheduleClassesDay({
+          page: 1,
+          row: 100,
+          scheduleId: this.editScheduleClassesInfo.scheduleId
+        })
+        data.forEach(item => {
+          if (item.workday === '2002') {
+            item.workdayName = this.$t('editScheduleClasses.rest')
+          }
+        })
+        this.editScheduleClassesInfo.days = data
+        this.changeScheduleType()
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+    editDay(item) {
+      this.$refs.editDayDialog.open(item)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-schedule-classes-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .form-content {
+    padding: 20px;
+  }
+
+  .el-form-item {
+    margin-bottom: 22px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    scheduleClasses: {
+      search: {
+        title: 'Search Conditions',
+        nameLike: 'Please enter schedule name',
+        state: 'Please select status',
+        allState: 'All Status'
+      },
+      list: {
+        title: 'Schedule Settings'
+      },
+      table: {
+        name: 'Schedule Name',
+        scheduleType: 'Schedule Type',
+        scheduleCycle: 'Schedule Cycle',
+        computeTime: 'Effective Time',
+        staff: 'Staff',
+        staffLink: 'Staff',
+        state: 'Status',
+        createTime: 'Create Time'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirm: 'Are you sure to delete this schedule?',
+        success: 'Delete successfully',
+        error: 'Delete failed'
+      },
+      state: {
+        title: 'Confirm Operation',
+        confirm: 'Are you sure to',
+        schedule: 'this schedule?',
+        success: 'Operation successfully',
+        error: 'Operation failed'
+      },
+      fetchError: 'Failed to fetch schedule data'
+    }
+  },
+  zh: {
+    scheduleClasses: {
+      search: {
+        title: '查询条件',
+        nameLike: '请输入排班名称',
+        state: '请选择状态',
+        allState: '全部状态'
+      },
+      list: {
+        title: '排班设置'
+      },
+      table: {
+        name: '班次名称',
+        scheduleType: '排班类型',
+        scheduleCycle: '排班周期',
+        computeTime: '生效时间',
+        staff: '人员',
+        staffLink: '人员',
+        state: '状态',
+        createTime: '创建时间'
+      },
+      delete: {
+        title: '确认操作',
+        confirm: '确定删除排班吗？',
+        success: '删除成功',
+        error: '删除失败'
+      },
+      state: {
+        title: '确认操作',
+        confirm: '确定',
+        schedule: '该排班吗？',
+        success: '操作成功',
+        error: '操作失败'
+      },
+      fetchError: '获取排班数据失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="schedule-classes-container animated fadeInRight">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="text-left">
+        <span>{{ $t('scheduleClasses.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.nameLike" :placeholder="$t('scheduleClasses.search.nameLike')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.state" :placeholder="$t('scheduleClasses.search.state')" style="width:100%">
+            <el-option :label="$t('scheduleClasses.search.allState')" value="" />
+            <el-option v-for="item in states" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+          </el-select>
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 排班设置 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between ">
+        <span>{{ $t('scheduleClasses.list.title') }}</span>
+        <el-button type="primary" style="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="name" :label="$t('scheduleClasses.table.name')" align="center" />
+        <el-table-column prop="scheduleTypeName" :label="$t('scheduleClasses.table.scheduleType')" align="center" />
+        <el-table-column prop="scheduleCycle" :label="$t('scheduleClasses.table.scheduleCycle')" align="center" />
+        <el-table-column prop="computeTime" :label="$t('scheduleClasses.table.computeTime')" align="center" />
+        <el-table-column :label="$t('scheduleClasses.table.staff')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.staffCount }} (
+            <el-link type="primary" @click="handleStaff(scope.row)">
+              {{ $t('scheduleClasses.table.staffLink') }}
+            </el-link>
+            )
+          </template>
+        </el-table-column>
+        <el-table-column prop="stateName" :label="$t('scheduleClasses.table.state')" align="center" />
+        <el-table-column prop="createTime" :label="$t('scheduleClasses.table.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="300">
+          <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>
+            <el-button v-if="scope.row.state === '1001'" size="mini" type="warning" @click="handleDisable(scope.row)">
+              {{ $t('common.disabled') }}
+            </el-button>
+            <el-button v-else size="mini" type="success" @click="handleEnable(scope.row)">
+              {{ $t('common.enabled') }}
+            </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" />
+    </el-card>
+
+    <!-- 删除对话框 -->
+    <delete-schedule-classes ref="deleteDialog" @success="handleSuccess" />
+
+    <!-- 状态对话框 -->
+    <schedule-classes-state ref="stateDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listScheduleClasses } from '@/api/org/scheduleClassesApi'
+import {getDict} from '@/api/community/communityApi'
+import DeleteScheduleClasses from '@/components/org/deleteScheduleClasses'
+import ScheduleClassesState from '@/components/org/scheduleClassesState'
+
+export default {
+  name: 'ScheduleClassesList',
+  components: {
+    DeleteScheduleClasses,
+    ScheduleClassesState
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        nameLike: '',
+        state: ''
+      },
+      states: [],
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+    this.getDictData()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listScheduleClasses(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('scheduleClasses.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async getDictData() {
+      try {
+        const data = await getDict('schedule_classes', 'state')
+        this.states = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleAdd() {
+      this.$router.push('/views/org/addScheduleClasses')
+    },
+    handleEdit(row) {
+      this.$router.push(`/views/org/editScheduleClasses?scheduleId=${row.scheduleId}`)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleEnable(row) {
+      this.$refs.stateDialog.open({
+        scheduleId: row.scheduleId,
+        stateName: this.$t('common.enable'),
+        state: '1001'
+      })
+    },
+    handleDisable(row) {
+      this.$refs.stateDialog.open({
+        scheduleId: row.scheduleId,
+        stateName: this.$t('common.disable'),
+        state: '2002'
+      })
+    },
+    handleStaff(row) {
+      this.$router.push(`/org/scheduleClassesStaffManage?scheduleId=${row.scheduleId}`)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.schedule-classes-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
+export const messages = {
+  en: {
+    scheduleClassesPage: {
+      searchConditions: 'Search Conditions',
+      scheduleTable: 'Schedule Table',
+      staffNamePlaceholder: 'Please enter staff name',
+      schedulePlaceholder: 'Please select schedule',
+      selectSchedule: 'Select Schedule',
+      datePlaceholder: 'Please enter date YYYY-MM',
+      orgPlaceholder: 'Required, please select organization',
+      staffName: 'Staff Name',
+      day: 'Day',
+      rest: 'Rest',
+      selectOrg: 'Select Organization'
+    }
+  },
+  zh: {
+    scheduleClassesPage: {
+      searchConditions: '查询条件',
+      scheduleTable: '排班表',
+      staffNamePlaceholder: '请输入员工名称',
+      schedulePlaceholder: '请选择班次',
+      selectSchedule: '请选择班次',
+      datePlaceholder: '请输入日期 YYYY-MM',
+      orgPlaceholder: '必填，请选择关联组织',
+      staffName: '员工名称',
+      day: '日',
+      rest: '休息',
+      selectOrg: '选择组织'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="schedule-classes-container animated fadeInRight">
+    <!-- 查询条件 -->
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('scheduleClassesPage.searchConditions') }}</span>
+        <el-button style="float: right; padding: 3px 0" type="text" @click="_moreCondition()">
+          {{ scheduleClassesPageInfo.moreCondition ? $t('common.hide') : $t('common.more') }}
+        </el-button>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="scheduleClassesPageInfo.conditions.staffNameLike"
+            :placeholder="$t('scheduleClassesPage.staffNamePlaceholder')" clearable />
+        </el-col>
+        <el-col :span="8">
+          <el-select v-model="scheduleClassesPageInfo.conditions.scheduleId" style="width:100%"
+            :placeholder="$t('scheduleClassesPage.schedulePlaceholder')">
+            <el-option :label="$t('scheduleClassesPage.selectSchedule')" value="" />
+            <el-option v-for="(item, index) in scheduleClassesPageInfo.scheduleClassess" :key="index" :label="item.name"
+              :value="item.scheduleId" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-date-picker v-model="scheduleClassesPageInfo.conditions.curDate" type="month"
+            :placeholder="$t('scheduleClassesPage.datePlaceholder')" format="yyyy-MM" value-format="yyyy-MM"
+            style="width:100%" @change="handleDateChange" />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="_queryScheduleClassesMethod()">
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button type="primary" @click="_exportScheduleClasses()">
+            <i class="el-icon-upload" />
+            {{ $t('common.export') }}
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <el-row v-show="scheduleClassesPageInfo.moreCondition" :gutter="20" style="margin-top:15px">
+        <el-col :span="6">
+          <el-input v-model="scheduleClassesPageInfo.conditions.orgName" readonly
+            :placeholder="$t('scheduleClassesPage.orgPlaceholder')" @focus="_staffChangeOrg()" />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 排班表 -->
+    <el-card class="box-card" style="margin-top:20px">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('scheduleClassesPage.scheduleTable') }}</span>
+      </div>
+      <div class="hc-table-div" :style="{ width: _computeTableDivWidth() }">
+        <el-table :data="scheduleClassesPageInfo.staffs" border style="width: 100%">
+          <el-table-column prop="staffName" :label="$t('scheduleClassesPage.staffName')" align="center" width="120" />
+          <el-table-column v-for="index in scheduleClassesPageInfo.maxDay" :key="index"
+            :label="`${index}${$t('scheduleClassesPage.day')}`" align="center">
+            <template slot-scope="scope">
+              <div v-for="(day, dayIndex) in scope.row.days" :key="dayIndex"
+                class="text-center border padding-lg labeling-strip" style="border-radius: 5px;cursor:pointer">
+                <div>{{ day.workdayName || $t('scheduleClassesPage.rest') }}</div>
+                <div v-for="(time, timeIndex) in day.times" :key="timeIndex">
+                  {{ time.startTime }}-{{ time.endTime }}
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <!-- 分页 -->
+      <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" style="margin-top:20px;text-align:right"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+    </el-card>
+
+    <!-- 选择组织弹窗 -->
+    <choose-org-tree ref="chooseOrgTree" @switchOrg="handleSwitchOrg" />
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listScheduleClasses, staffMonthScheduleClasses, exportData } from '@/api/org/scheduleClassesPageApi'
+import ChooseOrgTree from '@/components/org/ChooseOrgTree'
+
+export default {
+  name: 'ScheduleClassesPageList',
+  components: {
+    ChooseOrgTree
+  },
+  data() {
+    return {
+      communityId: '',
+      scheduleClassesPageInfo: {
+        staffs: [],
+        scheduleClassess: [],
+        maxDay: 30,
+        curMonth: '',
+        curYear: '',
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        conditions: {
+          staffNameLike: '',
+          scheduleId: '',
+          curDate: '',
+          orgId: '',
+          orgName: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.initStaffDate()
+    this._listScheduleClassess()
+    this._listStaffScheduleClassess(this.page.current, this.page.size)
+  },
+  methods: {
+    initStaffDate() {
+      const date = new Date()
+      this.scheduleClassesPageInfo.curMonth = date.getMonth() + 1
+      this.scheduleClassesPageInfo.curYear = date.getFullYear()
+      this.scheduleClassesPageInfo.conditions.curDate = `${date.getFullYear()}-${date.getMonth() + 1}`
+      this.scheduleClassesPageInfo.maxDay = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate()
+    },
+    handleDateChange(val) {
+      if (val) {
+        const values = val.split('-')
+        this.scheduleClassesPageInfo.curYear = values[0]
+        this.scheduleClassesPageInfo.curMonth = values[1]
+        this._listStaffScheduleClassess(this.page.current, this.page.size)
+      }
+    },
+    async _listStaffScheduleClassess(page, size) {
+      try {
+        const params = {
+          ...this.scheduleClassesPageInfo.conditions,
+          page,
+          row: size,
+          communityId: this.communityId
+        }
+        const { data, total, records } = await staffMonthScheduleClasses(params)
+        this.scheduleClassesPageInfo.staffs = data
+        this.scheduleClassesPageInfo.total = total
+        this.scheduleClassesPageInfo.records = records
+        this.page.total = total
+      } catch (error) {
+        console.error('获取员工排班表失败:', error)
+      }
+    },
+    async _listScheduleClassess() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.communityId
+        }
+        const { data } = await listScheduleClasses(params)
+        this.scheduleClassesPageInfo.scheduleClassess = data
+      } catch (error) {
+        console.error('获取班次列表失败:', error)
+      }
+    },
+    _queryScheduleClassesMethod() {
+      this.page.current = 1
+      this._listStaffScheduleClassess(this.page.current, this.page.size)
+    },
+    _moreCondition() {
+      this.scheduleClassesPageInfo.moreCondition = !this.scheduleClassesPageInfo.moreCondition
+    },
+    async _exportScheduleClasses() {
+      try {
+        const params = {
+          ...this.scheduleClassesPageInfo.conditions,
+          communityId: this.communityId,
+          pagePath: 'reportStaffMonthScheduleClasses'
+        }
+        await exportData(params)
+        this.$message.success(this.$t('common.exportSuccess'))
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error(this.$t('common.exportFailed'))
+      }
+    },
+    _staffChangeOrg() {
+      this.$refs.chooseOrgTree.open()
+    },
+    handleSwitchOrg(org) {
+      this.scheduleClassesPageInfo.conditions.orgId = org.orgId
+      this.scheduleClassesPageInfo.conditions.orgName = org.allOrgName
+    },
+    _computeTableDivWidth() {
+      const mainWidth = document.getElementsByTagName('body')[0].clientWidth -
+        (document.getElementById('menu-nav').offsetWidth || 0)
+      return `${mainWidth - 55}px`
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listStaffScheduleClassess(this.page.current, val)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listStaffScheduleClassess(val, this.page.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.schedule-classes-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .hc-table-div {
+    overflow-x: auto;
+  }
+
+  .labeling-strip {
+    padding: 8px;
+    margin: 2px;
+    border: 1px solid #ebeef5;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    communitySettingManage: {
+      inputPlaceholder: 'Required, please enter {name}',
+      settingTips: 'Reminder: No spaces before or after input',
+      saveSuccess: 'Save successfully'
+    }
+  },
+  zh: {
+    communitySettingManage: {
+      inputPlaceholder: '必填，请输入{name}',
+      settingTips: '温馨提示：填写前后不要有空格',
+      saveSuccess: '保存成功'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="community-setting-manage-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <el-card class="setting-type-card">
+          <div class="setting-type-list">
+            <div v-for="(item, index) in settingTypes" :key="index" class="setting-type-item"
+              :class="{ 'active': conditions.settingType === item.statusCd }" @click="handleSwitchSettingType(item)">
+              {{ item.name }}
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ currentSettingName }}</span>
+          </div>
+          <div class="setting-content text-left">
+            <el-form label-position="right" label-width="120px">
+              <el-form-item v-for="(item, index) in settingKeys" :key="index" :label="item.settingName">
+                <el-input v-model="item.settingValue"
+                  :placeholder="$t('communitySettingManage.inputPlaceholder', { name: item.settingName })" />
+                <div class="setting-remark">{{ item.remark }}</div>
+              </el-form-item>
+            </el-form>
+            <div class="setting-tips">{{ $t('communitySettingManage.settingTips') }}</div>
+            <div class="text-right">
+              <el-button type="primary" @click="handleSaveSettings">
+                <i class="el-icon-check"></i>
+                {{ $t('common.submit') }}
+              </el-button>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { getDict } from '@/api/community/communityApi'
+import {
+  listCommunitySettingKey,
+  saveCommunitySetting
+} from '@/api/system/communitySettingManageApi'
+
+export default {
+  name: 'CommunitySettingManageList',
+  data() {
+    return {
+      communityId: '',
+      settingTypes: [],
+      settingKeys: [],
+      currentSettingName: '',
+      conditions: {
+        settingType: '',
+        communityId: ''
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.conditions.communityId = this.communityId
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      try {
+        const data = await getDict('community_setting_key', 'setting_type')
+        this.settingTypes = data
+        if (data && data.length > 0) {
+          this.handleSwitchSettingType(data[0])
+        }
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async handleSwitchSettingType(item) {
+      this.conditions.settingType = item.statusCd
+      this.currentSettingName = item.name
+      await this.loadSettingKeys()
+    },
+    async loadSettingKeys() {
+      try {
+        const params = {
+          communityId: this.communityId,
+          settingType: this.conditions.settingType
+        }
+        const { data } = await listCommunitySettingKey(params)
+        this.settingKeys = data.map(item => {
+          return {
+            ...item,
+            settingValue: item.settingValue || ''
+          }
+        })
+      } catch (error) {
+        console.error('获取设置项失败:', error)
+      }
+    },
+    async handleSaveSettings() {
+      try {
+        const params = {
+          communityId: this.communityId,
+          keys: this.settingKeys,
+          settingType: this.conditions.settingType
+        }
+        await saveCommunitySetting(params)
+        this.$message.success(this.$t('common.saveSuccess'))
+        this.loadSettingKeys()
+      } catch (error) {
+        console.error('保存设置失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.community-setting-manage-container {
+  padding: 20px;
+
+  .setting-type-card {
+    height: 100%;
+
+    .setting-type-list {
+      .setting-type-item {
+        padding: 10px;
+        margin-bottom: 5px;
+        cursor: pointer;
+        border-radius: 4px;
+        text-align: center;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active {
+          background-color: #409eff;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .setting-content {
+    padding: 20px;
+
+    .setting-remark {
+      margin-top: 5px;
+      font-size: 12px;
+      color: #909399;
+    }
+
+    .setting-tips {
+      margin: 20px 0;
+      font-size: 12px;
+      color: #f56c6c;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    storeInfoManage: {
+      basicInfo: 'Basic Information',
+      storeName: 'Store Name',
+      storeAddress: 'Store Address',
+      contactNumber: 'Contact Number',
+      storeType: 'Store Type',
+      legalPerson: 'Legal Person',
+      nearbyLandmark: 'Nearby Landmark',
+      operation: 'Operation',
+      edit: 'Edit',
+      storeInfo: 'Store Information',
+      attributeName: 'Attribute Name',
+      attributeValue: 'Attribute Value',
+      fetchError: 'Failed to fetch store information'
+    },
+    editStoreInfo: {
+      title: 'Edit Store Information',
+      storeName: 'Store Name',
+      storeNamePlaceholder: 'Store name cannot be modified',
+      storeAddress: 'Store Address',
+      storeAddressPlaceholder: 'Required, please enter store address',
+      contactNumber: 'Contact Number',
+      contactNumberPlaceholder: 'Required, please enter contact number',
+      nearbyLandmark: 'Nearby Landmark',
+      nearbyLandmarkPlaceholder: 'Required, please enter nearby landmark',
+      mapX: 'Map X Coordinate',
+      mapXPlaceholder: 'Optional, please enter X coordinate',
+      mapY: 'Map Y Coordinate',
+      mapYPlaceholder: 'Optional, please enter Y coordinate',
+      validate: {
+        nameRequired: 'Store name is required',
+        nameMaxLength: 'Store name cannot exceed 100 characters',
+        addressRequired: 'Store address is required',
+        addressMaxLength: 'Store address cannot exceed 200 characters',
+        telRequired: 'Contact number is required',
+        telMaxLength: 'Contact number cannot exceed 11 digits',
+        landmarkRequired: 'Nearby landmark is required',
+        landmarkMaxLength: 'Nearby landmark cannot exceed 200 characters'
+      }
+    },
+    editStoreAttr: {
+      title: 'Edit Store Attribute',
+      attributePlaceholder: 'Store attribute is required',
+      validate: {
+        valueRequired: 'Attribute value is required',
+        valueMaxLength: 'Attribute value cannot exceed 50 characters',
+        attrIdRequired: 'Attribute ID cannot be empty'
+      }
+    }
+  },
+  zh: {
+    storeInfoManage: {
+      basicInfo: '基本信息',
+      storeName: '商户名称',
+      storeAddress: '商户地址',
+      contactNumber: '联系电话',
+      storeType: '商户类型',
+      legalPerson: '企业法人',
+      nearbyLandmark: '附近地标',
+      operation: '操作',
+      edit: '修改',
+      storeInfo: '商户信息',
+      attributeName: '属性名称',
+      attributeValue: '属性值',
+      fetchError: '获取商户信息失败'
+    },
+    editStoreInfo: {
+      title: '修改商户信息',
+      storeName: '商户名称',
+      storeNamePlaceholder: '商户名称不能修改',
+      storeAddress: '商户地址',
+      storeAddressPlaceholder: '必填，请填写商户地址',
+      contactNumber: '电话',
+      contactNumberPlaceholder: '必填，请填写联系电话',
+      nearbyLandmark: '附近地标',
+      nearbyLandmarkPlaceholder: '必填，请填写附近地标',
+      mapX: '地区X坐标',
+      mapXPlaceholder: '选填，请填写x坐标',
+      mapY: '地区Y坐标',
+      mapYPlaceholder: '选填，请填写y坐标',
+      validate: {
+        nameRequired: '商户名称必填',
+        nameMaxLength: '商户名称不能超过100位',
+        addressRequired: '商户地址必填',
+        addressMaxLength: '商户地址不能超过200位',
+        telRequired: '联系电话必填',
+        telMaxLength: '联系电话最多11位',
+        landmarkRequired: '附件地标必填',
+        landmarkMaxLength: '附件地标位置最多200位'
+      }
+    },
+    editStoreAttr: {
+      title: '修改商户属性',
+      attributePlaceholder: '商户属性必填',
+      validate: {
+        valueRequired: '必填',
+        valueMaxLength: '属性值不能超过50位',
+        attrIdRequired: '属性id不能为空'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="store-info-manage-container animated fadeInRight">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('storeInfoManage.basicInfo') }}</span>
+          </div>
+          <el-table :data="listStoreManageInfo.listStores" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="name" :label="$t('storeInfoManage.storeName')" align="center" />
+            <el-table-column prop="address" :label="$t('storeInfoManage.storeAddress')" align="center" />
+            <el-table-column prop="tel" :label="$t('storeInfoManage.contactNumber')" align="center" />
+            <el-table-column prop="storeTypeName" :label="$t('storeInfoManage.storeType')" align="center" />
+            <el-table-column prop="artificialPerson" :label="$t('storeInfoManage.legalPerson')" align="center" />
+            <el-table-column prop="nearByLandmarks" :label="$t('storeInfoManage.nearbyLandmark')" align="center" />
+            <el-table-column :label="$t('storeInfoManage.operation')" align="center" width="150">
+              <template slot-scope="scope">
+                <el-button size="mini" type="primary" @click="_openEditStoreInfoModel(scope.row)">
+                  {{ $t('storeInfoManage.edit') }}
+                </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" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" style="margin-top: 20px">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('storeInfoManage.storeInfo') }}</span>
+          </div>
+          <el-table :data="listStoreManageInfo.storeAttrDtoList" border style="width: 100%">
+            <el-table-column prop="name" :label="$t('storeInfoManage.attributeName')" align="center" />
+            <el-table-column prop="value" :label="$t('storeInfoManage.attributeValue')" align="center" />
+            <el-table-column :label="$t('storeInfoManage.operation')" align="center" width="150">
+              <template slot-scope="scope">
+                <el-button size="mini" type="primary" @click="_openEditStoreAttrModel(scope.row)">
+                  {{ $t('storeInfoManage.edit') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <edit-store-info ref="editStoreInfo" @success="handleSuccess" />
+    <edit-store-attr ref="editStoreAttr" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listStores } from '@/api/system/storeInfoManageApi'
+import EditStoreInfo from '@/components/system/editStoreInfo'
+import EditStoreAttr from '@/components/system/editStoreAttr'
+
+export default {
+  name: 'StoreInfoManageList',
+  components: {
+    EditStoreInfo,
+    EditStoreAttr
+  },
+  data() {
+    return {
+      loading: false,
+      listStoreManageInfo: {
+        listStores: [],
+        storeAttrDtoList: [],
+        conditions: {
+          name: '',
+          storeTypeCd: '',
+          tel: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this._listListStores()
+  },
+  methods: {
+    async _listListStores() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.listStoreManageInfo.conditions
+        }
+        const { data, total } = await listStores(params)
+        this.listStoreManageInfo.listStores = data
+        this.listStoreManageInfo.storeAttrDtoList = data[0].storeAttrDtoList || []
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('storeInfoManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _openEditStoreInfoModel(storeInfo) {
+      this.$refs.editStoreInfo.open(storeInfo)
+    },
+    _openEditStoreAttrModel(storeAttr) {
+      this.$refs.editStoreAttr.open(storeAttr)
+    },
+    handleSuccess() {
+      this._listListStores()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listListStores()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listListStores()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.store-info-manage-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 15px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    workflowManage: {
+      search: {
+        title: 'Search Conditions',
+        flowId: 'Please enter workflow code',
+        flowName: 'Please enter workflow name',
+        flowType: 'Please select workflow type'
+      },
+      list: {
+        title: 'Workflow Information'
+      },
+      table: {
+        flowId: 'Workflow Code',
+        flowName: 'Workflow Name',
+        flowType: 'Workflow Type',
+        createTime: 'Create Time'
+      },
+      operation: {
+        setting: 'Setting',
+        viewImage: 'Flow Chart'
+      },
+      fetchError: 'Failed to fetch workflow data',
+      imageError: 'Failed to load workflow image'
+    }
+  },
+  zh: {
+    workflowManage: {
+      search: {
+        title: '查询条件',
+        flowId: '请输入流程编码',
+        flowName: '请输入流程名称',
+        flowType: '请选择流程类型'
+      },
+      list: {
+        title: '流程信息'
+      },
+      table: {
+        flowId: '流程编码',
+        flowName: '流程名称',
+        flowType: '流程类型',
+        createTime: '创建时间'
+      },
+      operation: {
+        setting: '设置流程',
+        viewImage: '流程图'
+      },
+      fetchError: '获取流程数据失败',
+      imageError: '加载流程图失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="workflow-manage-container animated fadeInRight">
+    <el-row>
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('workflowManage.search.title') }}</span>
+          </div>
+          <div class="search-wrapper">
+            <el-row :gutter="20">
+              <el-col :span="6">
+                <el-input v-model="searchForm.flowId" :placeholder="$t('workflowManage.search.flowId')" clearable
+                  @keyup.enter.native="handleSearch" />
+              </el-col>
+              <el-col :span="8">
+                <el-select v-model="searchForm.flowType" :placeholder="$t('workflowManage.search.flowType')"
+                  style="width:100%" clearable>
+                  <el-option v-for="item in flowTypes" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+                </el-select>
+              </el-col>
+              <el-col :span="6">
+                <el-input v-model="searchForm.flowName" :placeholder="$t('workflowManage.search.flowName')" clearable
+                  @keyup.enter.native="handleSearch" />
+              </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>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('workflowManage.list.title') }}</span>
+          </div>
+          <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+            <el-table-column prop="flowId" :label="$t('workflowManage.table.flowId')" align="center" />
+            <el-table-column prop="flowName" :label="$t('workflowManage.table.flowName')" align="center" />
+            <el-table-column prop="flowTypeName" :label="$t('workflowManage.table.flowType')" align="center" />
+            <el-table-column prop="createTime" :label="$t('workflowManage.table.createTime')" 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('workflowManage.operation.setting') }}
+                </el-button>
+                <el-button size="mini" type="success" @click="handleViewImage(scope.row)">
+                  {{ $t('workflowManage.operation.viewImage') }}
+                </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" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <view-image ref="viewImage" />
+  </div>
+</template>
+
+<script>
+import { listWorkflows, listWorkflowImage } from '@/api/system/workflowManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import ViewImage from '@/components/system/viewImage'
+
+export default {
+  name: 'WorkflowManageList',
+  components: {
+    ViewImage
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        flowId: '',
+        flowName: '',
+        flowType: ''
+      },
+      tableData: [],
+      flowTypes: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.getList()
+    this.getDictData()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          communityId: this.communityId,
+          ...this.searchForm
+        }
+        const { data, total } = await listWorkflows(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('workflowManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async getDictData() {
+      try {
+        const data = await getDict('workflow', 'flow_type')
+        this.flowTypes = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        flowId: '',
+        flowName: '',
+        flowType: ''
+      }
+      this.getList()
+    },
+    handleEdit(row) {
+      this.$router.push({
+        path: '/pages/property/workflowSettingManage',
+        query: row
+      })
+    },
+    async handleViewImage(row) {
+      try {
+        const params = {
+          communityId: this.communityId,
+          flowId: row.flowId
+        }
+        const { data } = await listWorkflowImage(params)
+        this.$refs.viewImage.open({
+          url: 'data:image/png;base64,' + data
+        })
+      } catch (error) {
+        this.$message.error(this.$t('workflowManage.imageError'))
+      }
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.workflow-manage-container {
+  padding: 0;
+  margin: 0;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .search-wrapper {
+    .el-col {
+      margin-bottom: 10px;
+    }
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    workflowSettingManage: {
+      title: 'Process Settings',
+      flowName: 'Process Name',
+      flowNamePlaceholder: 'Required, please enter the title',
+      description: 'Process Description',
+      descriptionPlaceholder: 'Optional, please enter the process description',
+      submitterEnd: 'Submitter End',
+      submitterEndPlaceholder: 'Required, please select whether the submitter needs to confirm',
+      yes: 'Yes',
+      no: 'No',
+      flowSteps: 'Process Steps',
+      addStep: 'Add Step',
+      step: 'Step',
+      selectStaff: 'Select Staff',
+      normalFlow: 'Normal Process',
+      countersign: 'Countersign',
+      deleteStep: 'Delete Step',
+      addStaff: 'Add Staff',
+      deleteStaff: 'Delete Staff',
+      instructions: 'Instructions',
+      instruction1: 'At least two steps are required, the last step must be a fixed warehouse manager',
+      instruction2: 'Warehouse managers cannot participate in the review process',
+      instruction3: 'Warehouse managers cannot be dynamically assigned',
+      instruction4: 'Must configure the corresponding process',
+      invalidOperation: 'Invalid operation'
+    },
+    selectStaff: {
+      title: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      submitter: 'Submitter',
+      dynamicAssign: 'Dynamic Assign',
+      fetchStaffError: 'Failed to fetch staff information'
+    },
+    orgTree: {
+      fetchError: 'Failed to fetch organization tree'
+    }
+  },
+  zh: {
+    workflowSettingManage: {
+      title: '流程设置',
+      flowName: '流程名称',
+      flowNamePlaceholder: '必填，请填写标题',
+      description: '流程说明',
+      descriptionPlaceholder: '选填，请填写流程说明',
+      submitterEnd: '提交者结束',
+      submitterEndPlaceholder: '必填，请选择最后环节是否提交者确认',
+      yes: '是',
+      no: '否',
+      flowSteps: '流程步骤',
+      addStep: '添加步骤',
+      step: '第',
+      selectStaff: '选择员工',
+      normalFlow: '普通流程',
+      countersign: '会签',
+      deleteStep: '删除步骤',
+      addStaff: '添加员工',
+      deleteStaff: '删除员工',
+      instructions: '说明',
+      instruction1: '添加步骤必须要两步以上，最后一步为固定仓库管理员',
+      instruction2: '仓库管理不能参与审核流程',
+      instruction3: '仓库管理员不能为动态指定人员',
+      instruction4: '必须配置对应的流程',
+      invalidOperation: '操作错误'
+    },
+    selectStaff: {
+      title: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      submitter: '提交者',
+      dynamicAssign: '动态指定',
+      fetchStaffError: '获取员工信息失败'
+    },
+    orgTree: {
+      fetchError: '获取组织树失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="workflow-setting-container">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>{{ $t('workflowSettingManage.title') }}</span>
+          </div>
+          <el-form label-width="120px">
+            <el-form-item :label="$t('workflowSettingManage.flowName')">
+              <el-input v-model="workflowSettingInfo.flowName"
+                :placeholder="$t('workflowSettingManage.flowNamePlaceholder')" disabled />
+            </el-form-item>
+
+            <el-form-item :label="$t('workflowSettingManage.description')">
+              <el-input v-model="workflowSettingInfo.describle" type="textarea"
+                :placeholder="$t('workflowSettingManage.descriptionPlaceholder')" :rows="3" />
+            </el-form-item>
+
+            <el-form-item :label="$t('workflowSettingManage.submitterEnd')">
+              <el-select v-model="workflowSettingInfo.startNodeFinish" style="width:100%"
+                :placeholder="$t('workflowSettingManage.submitterEndPlaceholder')">
+                <el-option :label="$t('workflowSettingManage.yes')" value="Y" />
+                <el-option :label="$t('workflowSettingManage.no')" value="N" />
+              </el-select>
+            </el-form-item>
+
+            <el-form-item :label="$t('workflowSettingManage.flowSteps')">
+              <div class="step-actions">
+                <el-button type="primary" @click="addWorkflowStep">
+                  {{ $t('workflowSettingManage.addStep') }}
+                </el-button>
+              </div>
+
+              <div v-for="(item, index) in workflowSettingInfo.steps" :key="index" class="step-item">
+                <div class="step-header">
+                  <span>{{ $t('workflowSettingManage.step') }} {{ index + 1 }}</span>
+
+                  <el-button type="text" @click="chooseStaff(item)">
+                    {{ item.staffId ? item.staffName : $t('workflowSettingManage.selectStaff') }}
+                  </el-button>
+
+                  <el-radio-group v-model="item.type" @change="chooseType(item)">
+                    <el-radio :label="2">{{ $t('workflowSettingManage.normalFlow') }}</el-radio>
+                    <el-radio v-if="index !== 0" :label="1">
+                      {{ $t('workflowSettingManage.countersign') }}
+                    </el-radio>
+                  </el-radio-group>
+
+                  <el-button type="text" @click="deleteStep(item)">
+                    {{ $t('workflowSettingManage.deleteStep') }}
+                  </el-button>
+
+                  <el-button v-if="item.type == 1" type="text" @click="addStaff(item)">
+                    {{ $t('workflowSettingManage.addStaff') }}
+                  </el-button>
+                </div>
+
+                <div v-for="(subItem, subIndex) in item.subStaff" :key="subIndex" class="sub-staff-item">
+                  <el-button type="text" @click="chooseStaff(subItem)">
+                    {{ subItem.staffId ? subItem.staffName : $t('workflowSettingManage.selectStaff') }}
+                  </el-button>
+
+                  <el-button type="text" @click="deleteStaff(item, subItem)">
+                    {{ $t('workflowSettingManage.deleteStaff') }}
+                  </el-button>
+                </div>
+              </div>
+            </el-form-item>
+          </el-form>
+
+          <div class="form-actions">
+            <el-button type="primary" @click="saveWorkflowSettingInfo">
+              {{ $t('common.submit') }}
+            </el-button>
+            <el-button type="warning" @click="_goBack">
+              {{ $t('common.back') }}
+            </el-button>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" class="mt-20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>{{ $t('workflowSettingManage.instructions') }}</span>
+          </div>
+          <div v-if="workflowSettingInfo.flowType === '70007'">
+            <p>1. {{ $t('workflowSettingManage.instruction1') }}</p>
+            <p>2. {{ $t('workflowSettingManage.instruction2') }}</p>
+            <p>3. {{ $t('workflowSettingManage.instruction3') }}</p>
+            <p>4. {{ $t('workflowSettingManage.instruction4') }}</p>
+          </div>
+          <!-- 其他流程类型的说明类似 -->
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <select-staff ref="selectStaff"  @selectStaffs="handleStaffSelected"/>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import SelectStaff from '@/components/staff/SelectStaff'
+import {
+  getWorkflowSteps,
+  updateWorkflow
+} from '@/api/system/workflowSettingManageApi'
+
+export default {
+  name: 'WorkflowSettingManageList',
+  components: {
+    SelectStaff
+  },
+  data() {
+    return {
+      communityId: '',
+      workflowSettingInfo: {
+        flowId: '',
+        flowName: '',
+        flowType: '',
+        describle: '',
+        startNodeFinish: 'Y',
+        steps: []
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this._initWorkflowSettingInfo()
+  },
+  methods: {
+    async _initWorkflowSettingInfo() {
+      const flowId = this.$route.query.flowId
+
+      if (!flowId) {
+        this.$message.error(this.$t('workflowSettingManage.invalidOperation'))
+        this.$router.go(-1)
+        return
+      }
+
+      this.workflowSettingInfo.flowId = flowId
+      this.workflowSettingInfo.flowName = this.$route.query.flowName
+      this.workflowSettingInfo.flowType = this.$route.query.flowType
+      this.workflowSettingInfo.startNodeFinish = this.$route.query.startNodeFinish || 'Y'
+
+      try {
+        const { data } = await getWorkflowSteps({
+          communityId: this.communityId,
+          flowId
+        })
+        this._freshResStep(data)
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    },
+
+    _freshResStep(data) {
+      // 处理步骤数据的逻辑
+      console.log(data)
+    },
+
+    addWorkflowStep() {
+      const step = {
+        seq: this.workflowSettingInfo.steps.length,
+        staffId: '',
+        staffName: '',
+        type: '2',
+        subStaff: []
+      }
+      this.workflowSettingInfo.steps.push(step)
+    },
+
+    chooseStaff(item) {
+      item.from = this._getStaffFromType()
+      this.$refs.selectStaff.open(item)
+    },
+
+    _getStaffFromType() {
+      // 根据flowType返回对应的from值
+    },
+
+    _goBack() {
+      this.$router.go(-1)
+    },
+
+    deleteStep(step) {
+      this.workflowSettingInfo.steps = this.workflowSettingInfo.steps.filter(
+        s => s.seq !== step.seq
+      )
+    },
+
+    addStaff(step) {
+      step.subStaff.push({
+        id: this.$uuid(),
+        staffId: '',
+        staffName: '',
+        staffRole: '1001'
+      })
+    },
+
+    deleteStaff(step, subStaff) {
+      step.subStaff = step.subStaff.filter(s => s.id !== subStaff.id)
+    },
+
+    chooseType(item) {
+      if (item.type === '1') {
+        item.subStaff = []
+      }
+    },
+
+    handleStaffSelected(staffs) {
+      console.log(staffs)
+    },
+
+    async saveWorkflowSettingInfo() {
+      try {
+        await updateWorkflow({
+          ...this.workflowSettingInfo,
+          communityId: this.communityId
+        })
+        this.$message.success(this.$t('common.saveSuccess'))
+        this._goBack()
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.workflow-setting-container {
+  padding: 20px;
+
+  .step-item {
+    margin-bottom: 20px;
+    padding: 15px;
+    border: 1px solid #ebeef5;
+    border-radius: 4px;
+
+    .step-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+
+      >* {
+        margin-right: 15px;
+      }
+    }
+
+    .sub-staff-item {
+      margin-left: 40px;
+      margin-bottom: 10px;
+
+      >* {
+        margin-right: 15px;
+      }
+    }
+  }
+
+  .form-actions {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .mt-20 {
+    margin-top: 20px;
+  }
+}
+</style>
 \ No newline at end of file