开发完成 admin 台账功能

wuxw
1 parent 10d3499d
Showing 31 changed files with 2718 additions and 0 deletions
src/api/admin/orderManageApi.js
src/api/mall/housekeepingSjServApi.js
src/api/mall/integralDetailApi.js
src/api/mall/productSjApi.js
src/api/mall/storeOrderCartManageApi.js
src/api/mall/storeOrderCartReturnApi.js
src/api/mall/userIntegralApi.js
src/api/user/userLoginApi.js
src/components/admin/viewUnItemLog.vue
src/components/mall/DeleteProduct.vue
src/components/mall/DeleteProductLang.js
src/components/mall/Pagination.vue
src/components/user/Pagination.vue
src/i18n/index.js
src/router/index.js
src/views/admin/orderManageLang.js
src/views/admin/orderManageList.vue
src/views/mall/housekeepingSjServLang.js
src/views/mall/housekeepingSjServList.vue
src/views/mall/integralDetailLang.js
+import request from '@/utils/request'
+
+// 获取订单列表
+export function listCorders(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/corders.listCorders',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取订单列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取应用列表
+export function listPublicApps(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/app.listPublicApps',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取订单日志
+export function listUnitemLog(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/corders.listUnitemLog',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取订单日志失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询家政服务列表
+export function queryHousekeepingServ(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/mall.getAdminMallOpenApi',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total,
+          records: res.records
+        })
+      } else {
+        reject(new Error(res.msg || '查询家政服务列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询家政服务类型
+export function queryHousekeepingType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/housekeepingType/queryHousekeepingType',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data
+        })
+      } else {
+        reject(new Error(res.msg || '查询家政服务类型失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取积分交易明细列表
+export function getIntegralDetailList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/mall.getAdminMallOpenApi',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to get points transaction details'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取商品列表
+export function getAdminProductList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/mall.getAdminMallOpenApi',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to get product list'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除商品
+export function deleteProduct(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/product/deleteProduct',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to delete product'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询订单列表
+export function queryAdminStoreOrderCart(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/mall.getAdminMallOpenApi',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to query order list'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询商铺列表
+export function queryShopsByAdmin(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/mall.getAdminMallOpenApi',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to query shops'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取退货订单列表
+export function getStoreOrderCartReturnList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/mall.getAdminMallOpenApi',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to get store order cart return list'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询积分列表
+export function queryIntegralList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/mall.getAdminMallOpenApi',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询积分列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询用户登录日志
+export function queryUserLogin(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/userLogin/queryUserLogin',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          records: res.records,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to query user login logs'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取门店列表
+export function listStores(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/store.listStores',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to get store list'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('viewUnItemLog.title')"
+    :visible.sync="visible"
+    width="70%"
+  >
+    <el-form label-width="120px">
+      <el-form-item :label="$t('viewUnItemLog.serviceName')">
+        <el-input v-model="viewUnItemLogInfo.serviceName" disabled />
+      </el-form-item>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('viewUnItemLog.action')">
+            <el-input v-model="viewUnItemLogInfo.action" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('viewUnItemLog.actionObj')">
+            <el-input v-model="viewUnItemLogInfo.actionObj" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item :label="$t('viewUnItemLog.preValue')">
+        <el-input
+          v-model="viewUnItemLogInfo.preValue"
+          type="textarea"
+          :rows="5"
+          disabled
+        />
+      </el-form-item>
+      <el-form-item :label="$t('viewUnItemLog.afterValue')">
+        <el-input
+          v-model="viewUnItemLogInfo.afterValue"
+          type="textarea"
+          :rows="5"
+          disabled
+        />
+      </el-form-item>
+      <el-form-item :label="$t('viewUnItemLog.logText')">
+        <el-input
+          v-model="viewUnItemLogInfo.logText"
+          type="textarea"
+          :rows="5"
+          disabled
+        />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="warning" @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { listUnitemLog } from '@/api/admin/orderManageApi'
+
+export default {
+  name: 'ViewUnItemLog',
+  data() {
+    return {
+      visible: false,
+      viewUnItemLogInfo: {
+        bId: '',
+        serviceName: '',
+        logText: '',
+        preValue: '',
+        afterValue: '',
+        action: '',
+        actionObj: ''
+      }
+    }
+  },
+  methods: {
+    open(order) {
+      this.clearLog()
+      this.viewUnItemLogInfo.bId = order.bId
+      
+      if (order.action === 'ADD') {
+        this.viewUnItemLogInfo.action = this.$t('viewUnItemLog.add')
+      } else if (order.action === 'MOD') {
+        this.viewUnItemLogInfo.action = this.$t('viewUnItemLog.modify')
+      } else if (order.action === 'DEL') {
+        this.viewUnItemLogInfo.action = this.$t('viewUnItemLog.delete')
+      } else {
+        this.viewUnItemLogInfo.action = '-'
+      }
+      
+      this.viewUnItemLogInfo.actionObj = order.actionObj
+      this.visible = true
+      this._loadOrderUnitemLog()
+    },
+    async _loadOrderUnitemLog() {
+      try {
+        const res = await listUnitemLog({ bId: this.viewUnItemLogInfo.bId })
+        Object.assign(this.viewUnItemLogInfo, res.data)
+
+        const logText = JSON.parse(res.data.logText)
+        this.viewUnItemLogInfo.preValue = JSON.stringify(logText.preValue, null, 2)
+        this.viewUnItemLogInfo.afterValue = JSON.stringify(logText.afterValue, null, 2)
+      } catch (error) {
+        this.$message.error(this.$t('viewUnItemLog.fetchError'))
+      }
+    },
+    clearLog() {
+      this.viewUnItemLogInfo = {
+        bId: '',
+        serviceName: '',
+        logText: '',
+        preValue: '',
+        afterValue: '',
+        action: '',
+        actionObj: ''
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('deleteProduct.title')"
+    :visible.sync="visible"
+    width="30%"
+    :before-close="handleClose"
+  >
+    <div style="text-align: center;">
+      <p>{{ $t('deleteProduct.confirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('deleteProduct.cancel') }}</el-button>
+      <el-button type="primary" @click="confirmDelete">{{ $t('deleteProduct.confirmBtn') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteProduct } from '@/api/mall/productSjApi'
+
+export default {
+  name: 'DeleteProduct',
+  data() {
+    return {
+      visible: false,
+      productId: ''
+    }
+  },
+  methods: {
+    open(productId) {
+      this.productId = productId
+      this.visible = true
+    },
+    handleClose() {
+      this.visible = false
+    },
+    async confirmDelete() {
+      try {
+        await deleteProduct({ productId: this.productId })
+        this.$message.success(this.$t('deleteProduct.success'))
+        this.$emit('success')
+        this.handleClose()
+      } catch (error) {
+        this.$message.error(this.$t('deleteProduct.error'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+export const messages = {
+  en: {
+    deleteProduct: {
+      title: 'Please confirm your operation',
+      confirm: 'Are you sure to delete this product?',
+      cancel: 'Cancel',
+      confirmBtn: 'Confirm Delete',
+      success: 'Product deleted successfully',
+      error: 'Failed to delete product'
+    }
+  },
+  zh: {
+    deleteProduct: {
+      title: '请确认您的操作',
+      confirm: '确定删除该商品吗?',
+      cancel: '点错了',
+      confirmBtn: '确认删除',
+      success: '商品删除成功',
+      error: '删除商品失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <el-pagination
+    :current-page.sync="currentPage"
+    :page-sizes="[10, 20, 30, 50]"
+    :page-size="pageSize"
+    :total="total"
+    layout="total, sizes, prev, pager, next, jumper"
+    @size-change="handleSizeChange"
+    @current-change="handleCurrentChange"
+  />
+</template>
+
+<script>
+export default {
+  name: 'Pagination',
+  props: {
+    currentPage: {
+      type: Number,
+      default: 1
+    },
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      this.$emit('size-change', val)
+    },
+    handleCurrentChange(val) {
+      this.$emit('current-change', val)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-pagination
+    @size-change="handleSizeChange"
+    @current-change="handleCurrentChange"
+    :current-page="currentPage"
+    :page-sizes="[10, 20, 30, 50]"
+    :page-size="pageSize"
+    layout="total, sizes, prev, pager, next, jumper"
+    :total="total">
+  </el-pagination>
+</template>
+
+<script>
+export default {
+  name: 'Pagination',
+  props: {
+    currentPage: {
+      type: Number,
+      default: 1
+    },
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      this.$emit('size-change', val)
+    },
+    handleCurrentChange(val) {
+      this.$emit('current-change', val)
+    }
+  }
+}
+</script>
 \ No newline at end of file
@@ -88,6 +88,14 @@ import { messages as operationalAnalysisMessages } from &#39;../views/report/operati
 import { messages as communityFeeSummaryMessages } from '../views/report/communityFeeSummaryLang'
 import { messages as adminPayFeeDetailMessages } from '../views/fee/adminPayFeeDetailLang'
 import { messages as adminOweFeeDetailMessages } from '../views/fee/adminOweFeeDetailLang'
+import { messages as orderManageMessages } from '../views/admin/orderManageLang'
+import { messages as userLoginMessages } from '../views/user/userLoginLang'
+import { messages as productSjMessages } from '../views/mall/productSjLang'
+import { messages as housekeepingSjServMessages } from '../views/mall/housekeepingSjServLang'
+import { messages as storeOrderCartManageMessages } from '../views/mall/storeOrderCartManageLang'
+import { messages as storeOrderCartReturnMessages } from '../views/mall/storeOrderCartReturnLang'
+import { messages as userIntegralMessages } from '../views/mall/userIntegralLang'
+import { messages as integralDetailMessages } from '../views/mall/integralDetailLang'
 Vue.use(VueI18n)
@@ -180,6 +188,14 @@ const messages = {
     ...communityFeeSummaryMessages.en,
     ...adminPayFeeDetailMessages.en,
     ...adminOweFeeDetailMessages.en,
+    ...orderManageMessages.en,
+    ...userLoginMessages.en,
+    ...productSjMessages.en,
+    ...housekeepingSjServMessages.en,
+    ...storeOrderCartManageMessages.en,
+    ...storeOrderCartReturnMessages.en,
+    ...userIntegralMessages.en,
+    ...integralDetailMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -268,6 +284,14 @@ const messages = {
     ...communityFeeSummaryMessages.zh,
     ...adminPayFeeDetailMessages.zh,
     ...adminOweFeeDetailMessages.zh,
+    ...orderManageMessages.zh,
+    ...userLoginMessages.zh,
+    ...productSjMessages.zh,
+    ...housekeepingSjServMessages.zh,
+    ...storeOrderCartManageMessages.zh,
+    ...storeOrderCartReturnMessages.zh,
+    ...userIntegralMessages.zh,
+    ...integralDetailMessages.zh,
   }
 }
@@ -426,6 +426,46 @@ const routes = [
         name: '/pages/fee/adminOweFeeDetail',
         component: () => import('@/views/fee/adminOweFeeDetailList.vue')
       },
+      {
+        path: '/pages/admin/orderManage',
+        name: '/pages/admin/orderManage',
+        component: () => import('@/views/admin/orderManageList.vue')
+      },
+      {
+        path: '/pages/frame/userLogin',
+        name: '/pages/frame/userLogin',
+        component: () => import('@/views/user/userLoginList.vue')
+      },
+      {
+        path: '/pages/admin/productSj',
+        name: '/pages/admin/productSj',
+        component: () => import('@/views/mall/productSjList.vue')
+      },
+      {
+        path: '/pages/admin/housekeepingSjServ',
+        name: '/pages/admin/housekeepingSjServ',
+        component: () => import('@/views/mall/housekeepingSjServList.vue')
+      },
+      {
+        path: '/pages/admin/storeOrderCartManage',
+        name: '/pages/admin/storeOrderCartManage',
+        component: () => import('@/views/mall/storeOrderCartManageList.vue')
+      },
+      {
+        path: '/pages/admin/storeOrderCartReturn',
+        name: '/pages/admin/storeOrderCartReturn',
+        component: () => import('@/views/mall/storeOrderCartReturnList.vue')
+      },
+      {
+        path: '/pages/admin/userIntegral',
+        name: '/pages/admin/userIntegral',
+        component: () => import('@/views/mall/userIntegralList.vue')
+      },
+      {
+        path: '/pages/admin/integralDetail',
+        name: '/pages/admin/integralDetail',
+        component: () => import('@/views/mall/integralDetailList.vue')
+      },
       // 其他子路由可以在这里添加
     ]
   },
+export const messages = {
+  en: {
+    orderManage: {
+      queryCondition: 'Query Condition',
+      orderList: 'Order List',
+      orderId: 'Order ID',
+      externalId: 'External ID',
+      businessId: 'Business ID',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      operator: 'Operator',
+      businessName: 'Business Name',
+      appName: 'App Name',
+      createTime: 'Create Time',
+      action: 'Action',
+      actionObj: 'Action Object',
+      status: 'Status',
+      operation: 'Operation',
+      log: 'Log',
+      noLog: 'No Log',
+      add: 'Add',
+      modify: 'Modify',
+      delete: 'Delete',
+      completed: 'Completed',
+      failed: 'Failed',
+      allApps: 'All Apps',
+      fetchError: 'Failed to fetch orders',
+      fetchAppsError: 'Failed to fetch apps'
+    },
+    viewUnItemLog: {
+      title: 'Order Log',
+      serviceName: 'Service Name',
+      action: 'Action',
+      actionObj: 'Action Object',
+      preValue: 'Before Value',
+      afterValue: 'After Value',
+      logText: 'Original Log',
+      add: 'Add',
+      modify: 'Modify',
+      delete: 'Delete',
+      fetchError: 'Failed to fetch log'
+    }
+  },
+  zh: {
+    orderManage: {
+      queryCondition: '查询条件',
+      orderList: '受理单',
+      orderId: '订单编号',
+      externalId: '外部编号',
+      businessId: '业务编号',
+      startTime: '受理开始时间',
+      endTime: '受理结束时间',
+      operator: '操作人',
+      businessName: '业务名称',
+      appName: '应用名称',
+      createTime: '受理时间',
+      action: '受理动作',
+      actionObj: '受理表',
+      status: '状态',
+      operation: '操作',
+      log: '日志',
+      noLog: '无日志',
+      add: '添加',
+      modify: '修改',
+      delete: '删除',
+      completed: '完成',
+      failed: '失败',
+      allApps: '全部应用',
+      fetchError: '获取订单列表失败',
+      fetchAppsError: '获取应用列表失败'
+    },
+    viewUnItemLog: {
+      title: '受理记录',
+      serviceName: '受理服务',
+      action: '受理动作',
+      actionObj: '受理表',
+      preValue: '受理前',
+      afterValue: '受理后',
+      logText: '原始记录',
+      add: '添加',
+      modify: '修改',
+      delete: '删除',
+      fetchError: '获取日志失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="order-manage-container animated fadeInRight">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <el-card class="border-radius">
+          <div class="treeview attendance-staff">
+            <ul class="list-group text-center border-radius">
+              <li v-for="(item, index) in orderManageInfo.apps" :key="index" class="list-group-item node-orgTree"
+                :class="{ 'vc-node-selected': orderManageInfo.conditions.appId == item.appId }" @click="swatchApp(item)">
+                {{ item.name }}
+              </li>
+            </ul>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <el-card>
+          <div slot="header" class="text-left">
+            <span>{{ $t('orderManage.queryCondition') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-input v-model="orderManageInfo.conditions.oId" :placeholder="$t('orderManage.orderId')" clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="orderManageInfo.conditions.extTransactionId" :placeholder="$t('orderManage.externalId')"
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="orderManageInfo.conditions.bId" :placeholder="$t('orderManage.businessId')" clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker v-model="orderManageInfo.conditions.startTime" type="datetime"
+                :placeholder="$t('orderManage.startTime')" class="w-100" />
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker v-model="orderManageInfo.conditions.endTime" type="datetime"
+                :placeholder="$t('orderManage.endTime')" class="w-100" />
+            </el-col>
+            <el-col :span="4">
+              <el-button type="primary" @click="_queryOrdersMethod">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20" class="mt-10">
+            <el-col :span="4">
+              <el-input v-model="orderManageInfo.conditions.staffNameLike" :placeholder="$t('orderManage.operator')"
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="orderManageInfo.conditions.businessTypeNameLike"
+                :placeholder="$t('orderManage.businessName')" clearable />
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="mt-20">
+          <div slot="header" class="text-left">
+            <span>{{ $t('orderManage.orderList') }}</span>
+          </div>
+          <el-table :data="orderManageInfo.orderDataVos" border style="width: 100%">
+            <el-table-column prop="appName" :label="$t('orderManage.appName')" align="center" />
+            <el-table-column :label="$t('orderManage.orderId')" align="center">
+              <template slot-scope="scope">
+                <div>{{ scope.row.oId }}</div>
+                <div>({{ scope.row.extTransactionId }})</div>
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('orderManage.businessName')" align="center">
+              <template slot-scope="scope">
+                <div>{{ scope.row.name }}</div>
+                <div>({{ scope.row.businessTypeCd }})</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="bId" :label="$t('orderManage.businessId')" align="center" />
+            <el-table-column prop="createTime" :label="$t('orderManage.createTime')" align="center" />
+            <el-table-column :label="$t('orderManage.action')" align="center">
+              <template slot-scope="scope">
+                <span v-if="scope.row.action == 'ADD'">{{ $t('orderManage.add') }}</span>
+                <span v-else-if="scope.row.action == 'MOD'">{{ $t('orderManage.modify') }}</span>
+                <span v-else-if="scope.row.action == 'DEL'">{{ $t('orderManage.delete') }}</span>
+                <span v-else>-</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="actionObj" :label="$t('orderManage.actionObj')" align="center" />
+            <el-table-column prop="userName" :label="$t('orderManage.operator')" align="center" />
+            <el-table-column :label="$t('orderManage.status')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.statusCd == 'C' ? $t('orderManage.completed') : $t('orderManage.failed') }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('common.operation')" align="center">
+              <template slot-scope="scope">
+                <el-button v-if="scope.row.bId" size="mini" @click="_showUnitemLog(scope.row)">
+                  {{ $t('orderManage.log') }}
+                </el-button>
+                <span v-else>{{ $t('orderManage.noLog') }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination :current-page="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-un-item-log ref="viewUnItemLog" />
+  </div>
+</template>
+
+<script>
+import { listCorders, listPublicApps } from '@/api/admin/orderManageApi'
+import ViewUnItemLog from '@/components/admin/viewUnItemLog'
+
+export default {
+  name: 'OrderManageList',
+  components: {
+    ViewUnItemLog
+  },
+  data() {
+    return {
+      orderManageInfo: {
+        orderDataVos: [],
+        apps: [],
+        total: 0,
+        records: 1,
+        conditions: {
+          oId: '',
+          extTransactionId: '',
+          orderTypeCd: '',
+          appId: '',
+          startTime: '',
+          endTime: '',
+          staffNameLike: '',
+          bId: '',
+          businessTypeNameLike: '',
+          page: 1,
+          row: 20
+        }
+      },
+      page: {
+        current: 1,
+        size: 20,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this._listOrders(this.page.current, this.page.size)
+    this._loadApps()
+  },
+  methods: {
+    async _listOrders(page, rows) {
+      try {
+        this.orderManageInfo.conditions.page = page
+        this.orderManageInfo.conditions.row = rows
+        const params = { ...this.orderManageInfo.conditions }
+
+        const res = await listCorders(params)
+        this.orderManageInfo.total = res.total
+        this.orderManageInfo.records = res.records
+        this.orderManageInfo.orderDataVos = res.data
+        this.page.total = res.records
+      } catch (error) {
+        this.$message.error(this.$t('orderManage.fetchError'))
+      }
+    },
+    async _loadApps() {
+      try {
+        this.orderManageInfo.apps = [{
+          appId: '',
+          name: this.$t('orderManage.allApps')
+        }]
+
+        const res = await listPublicApps({ page: 1, row: 50 })
+        this.orderManageInfo.apps = [...this.orderManageInfo.apps, ...res.apps]
+      } catch (error) {
+        this.$message.error(this.$t('orderManage.fetchAppsError'))
+      }
+    },
+    _queryOrdersMethod() {
+      this.page.current = 1
+      this._listOrders(this.page.current, this.page.size)
+    },
+    swatchApp(app) {
+      this.orderManageInfo.conditions.appId = app.appId
+      this._listOrders(this.page.current, this.page.size)
+    },
+    _showUnitemLog(order) {
+      this.$refs.viewUnItemLog.open(order)
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listOrders(this.page.current, this.page.size)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listOrders(this.page.current, this.page.size)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.order-manage-container {
+  padding: 20px;
+}
+
+.border-radius {
+  border-radius: 4px;
+}
+
+.list-group {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.list-group-item {
+  padding: 10px;
+  cursor: pointer;
+}
+
+.list-group-item:hover {
+  background-color: #f5f7fa;
+}
+
+.vc-node-selected {
+  background-color: #ecf5ff;
+  color: #409eff;
+}
+
+.mt-10 {
+  margin-top: 10px;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+
+.w-100 {
+  width: 100%;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    housekeepingSjServ: {
+      search: {
+        title: 'Search Conditions',
+        servName: 'Please enter service name',
+        hktId: 'Please select service type'
+      },
+      list: {
+        title: 'On Shelf Services',
+        today: 'Today On Shelf',
+        all: 'All On Shelf'
+      },
+      table: {
+        servId: 'Service ID',
+        servName: 'Service Name',
+        servDesc: 'Service Description',
+        hktName: 'Service Type',
+        repairWay: 'Dispatch Method',
+        returnVisitFlag: 'Return Visit Method',
+        sales: 'Sales',
+        defaultFee: 'Default Fee',
+        sort: 'Sort',
+        state: 'Shelf Status'
+      },
+      repairWay: {
+        grab: 'Grab Order',
+        assign: 'Assign',
+        roundRobin: 'Round Robin'
+      },
+      returnVisit: {
+        none: 'No Return Visit',
+        ratedNoVisit: 'No Visit After Rated',
+        allVisit: 'All Return Visit'
+      },
+      state: {
+        notOnShelf: 'Not On Shelf',
+        onShelf: 'On Shelf'
+      },
+      fetchError: 'Failed to fetch service list',
+      fetchTypeError: 'Failed to fetch service types'
+    }
+  },
+  zh: {
+    housekeepingSjServ: {
+      search: {
+        title: '查询条件',
+        servName: '请输入服务名称',
+        hktId: '请选择服务类型'
+      },
+      list: {
+        title: '上架服务',
+        today: '今日上架',
+        all: '所有上架'
+      },
+      table: {
+        servId: '服务编号',
+        servName: '服务名称',
+        servDesc: '服务描述',
+        hktName: '服务类型',
+        repairWay: '派单方式',
+        returnVisitFlag: '回访方式',
+        sales: '销量',
+        defaultFee: '默认费用',
+        sort: '排序',
+        state: '上架状态'
+      },
+      repairWay: {
+        grab: '抢单',
+        assign: '指派',
+        roundRobin: '轮训'
+      },
+      returnVisit: {
+        none: '都不回访',
+        ratedNoVisit: '已评价不回访',
+        allVisit: '都回访'
+      },
+      state: {
+        notOnShelf: '未上架',
+        onShelf: '上架'
+      },
+      fetchError: '获取服务列表失败',
+      fetchTypeError: '获取服务类型失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="housekeeping-sj-serv-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('housekeepingSjServ.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.servName" :placeholder="$t('housekeepingSjServ.search.servName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.hktId" :placeholder="$t('housekeepingSjServ.search.hktId')" clearable>
+            <el-option v-for="item in housekeepingTypes" :key="item.hktId" :label="item.hktName" :value="item.hktId" />
+          </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="clearfix text-left">
+        <span>{{ $t('housekeepingSjServ.list.title') }}</span>
+        <div style="float: right;">
+          <el-button type="primary" size="small" @click="listHousekeepingServsToDay">
+            <i class="el-icon-plus"></i>
+            {{ $t('housekeepingSjServ.list.today') }}
+          </el-button>
+          <el-button type="primary" size="small" style="margin-left: 10px" @click="listHousekeepingServsAll">
+            {{ $t('housekeepingSjServ.list.all') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="servId" :label="$t('housekeepingSjServ.table.servId')" align="center" />
+        <el-table-column prop="servName" :label="$t('housekeepingSjServ.table.servName')" align="center" />
+        <el-table-column prop="servDesc" :label="$t('housekeepingSjServ.table.servDesc')" align="center" />
+        <el-table-column prop="hktName" :label="$t('housekeepingSjServ.table.hktName')" align="center" />
+        <el-table-column :label="$t('housekeepingSjServ.table.repairWay')" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.repairWay === '100'">{{ $t('housekeepingSjServ.repairWay.grab') }}</span>
+            <span v-else-if="scope.row.repairWay === '200'">{{ $t('housekeepingSjServ.repairWay.assign') }}</span>
+            <span v-else-if="scope.row.repairWay === '300'">{{ $t('housekeepingSjServ.repairWay.roundRobin') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('housekeepingSjServ.table.returnVisitFlag')" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.returnVisitFlag === '001'">{{ $t('housekeepingSjServ.returnVisit.none') }}</span>
+            <span v-else-if="scope.row.returnVisitFlag === '002'">{{ $t('housekeepingSjServ.returnVisit.ratedNoVisit')
+            }}</span>
+            <span v-else-if="scope.row.returnVisitFlag === '003'">{{ $t('housekeepingSjServ.returnVisit.allVisit')
+            }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="sales" :label="$t('housekeepingSjServ.table.sales')" align="center" />
+        <el-table-column prop="defaultFee" :label="$t('housekeepingSjServ.table.defaultFee')" align="center" />
+        <el-table-column prop="sort" :label="$t('housekeepingSjServ.table.sort')" align="center" />
+        <el-table-column :label="$t('housekeepingSjServ.table.state')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.state === '1001' ? $t('housekeepingSjServ.state.notOnShelf') :
+              $t('housekeepingSjServ.state.onShelf') }}
+          </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>
+  </div>
+</template>
+
+<script>
+import { queryHousekeepingServ, queryHousekeepingType } from '@/api/mall/housekeepingSjServApi'
+
+export default {
+  name: 'HousekeepingSjServList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        servName: '',
+        hktId: '',
+        state: '2002',
+        createTime: '',
+        mallApiCode: 'queryHousekeepingServBmoImpl'
+      },
+      tableData: [],
+      housekeepingTypes: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+    this.getHousekeepingTypes()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await queryHousekeepingServ(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('housekeepingSjServ.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async getHousekeepingTypes() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          typeCd: 1001,
+          shopId: ''
+        }
+        const { data } = await queryHousekeepingType(params)
+        this.housekeepingTypes = data
+      } catch (error) {
+        this.$message.error(this.$t('housekeepingSjServ.fetchTypeError'))
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    listHousekeepingServsToDay() {
+      this.searchForm.createTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss')
+      this.handleSearch()
+    },
+    listHousekeepingServsAll() {
+      this.searchForm.createTime = ''
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.housekeeping-sj-serv-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-select {
+      width: 100%;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    integralDetail: {
+      all: 'All',
+      personal: 'Personal',
+      merchant: 'Merchant',
+      searchTitle: 'Search Conditions',
+      accountPlaceholder: 'Please enter account',
+      typePlaceholder: 'Please select type',
+      objectTypePlaceholder: 'Please select object type',
+      orderIdPlaceholder: 'Please enter order ID',
+      transferIn: 'Transfer In',
+      transferOut: 'Transfer Out',
+      user: 'User',
+      tableTitle: 'Points Transaction',
+      id: 'ID',
+      accountName: 'Account Name',
+      accountId: 'Account ID',
+      type: 'Type',
+      relatedAccount: 'Related Account',
+      points: 'Points',
+      objectType: 'Object Type',
+      objectId: 'Object ID',
+      phone: 'Phone',
+      orderId: 'Order ID',
+      transactionTime: 'Transaction Time',
+      remark: 'Remark',
+      fetchError: 'Failed to fetch points transaction data'
+    }
+  },
+  zh: {
+    integralDetail: {
+      all: '全部',
+      personal: '个人',
+      merchant: '商户',
+      searchTitle: '查询条件',
+      accountPlaceholder: '请填写账户',
+      typePlaceholder: '请选择类型',
+      objectTypePlaceholder: '请选择对象类型',
+      orderIdPlaceholder: '请选择交易单号',
+      transferIn: '转入',
+      transferOut: '转出',
+      user: '用户',
+      tableTitle: '积分交易',
+      id: '编号',
+      accountName: '账户名称',
+      accountId: '账户编号',
+      type: '类型',
+      relatedAccount: '关联账户',
+      points: '积分数',
+      objectType: '对象类型',
+      objectId: '对象ID',
+      phone: '手机号',
+      orderId: '交易单号',
+      transactionTime: '交易时间',
+      remark: '备注',
+      fetchError: '获取积分交易数据失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="integral-detail-container">
+    <el-row :gutter="20">
+      <el-col :span="3">
+        <el-card class="tree-card">
+          <ul class="tree-list">
+            <li class="tree-item" @click="_switchIntegralObjType('')"
+              :class="{ 'active': integralDetailInfo.conditions.objType === '' }">
+              {{ $t('integralDetail.all') }}
+            </li>
+            <li class="tree-item" @click="_switchIntegralObjType('6006')"
+              :class="{ 'active': integralDetailInfo.conditions.objType === '6006' }">
+              {{ $t('integralDetail.personal') }}
+            </li>
+            <li class="tree-item" @click="_switchIntegralObjType('7007')"
+              :class="{ 'active': integralDetailInfo.conditions.objType === '7007' }">
+              {{ $t('integralDetail.merchant') }}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+      <el-col :span="21">
+        <el-card class="search-card">
+          <div slot="header" class="clearfix text-left">
+            <span>{{ $t('integralDetail.searchTitle') }}</span>
+          </div>
+          <el-form :inline="true" :model="integralDetailInfo.conditions" class="search-form text-left">
+            <el-form-item>
+              <el-input v-model="integralDetailInfo.conditions.integralNameLike"
+                :placeholder="$t('integralDetail.accountPlaceholder')" clearable />
+            </el-form-item>
+            <el-form-item>
+              <el-select v-model="integralDetailInfo.conditions.detailType"
+                :placeholder="$t('integralDetail.typePlaceholder')">
+                <el-option :label="$t('integralDetail.all')" value="" />
+                <el-option :label="$t('integralDetail.transferIn')" value="1001" />
+                <el-option :label="$t('integralDetail.transferOut')" value="2002" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-select v-model="integralDetailInfo.conditions.objType"
+                :placeholder="$t('integralDetail.objectTypePlaceholder')">
+                <el-option :label="$t('integralDetail.all')" value="" />
+                <el-option :label="$t('integralDetail.user')" value="6006" />
+                <el-option :label="$t('integralDetail.merchant')" value="7007" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-input v-model="integralDetailInfo.conditions.orderId"
+                :placeholder="$t('integralDetail.orderIdPlaceholder')" clearable />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="_queryIntegralDetailMethod">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+
+        <el-card class="table-card">
+          <div slot="header" class="clearfix text-left">
+            <span>{{ $t('integralDetail.tableTitle') }}</span>
+          </div>
+          <el-table :data="integralDetailInfo.integralDetails" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="detailId" :label="$t('integralDetail.id')" align="center" width="80" />
+            <el-table-column prop="integralName" :label="$t('integralDetail.accountName')" align="center" />
+            <el-table-column prop="integralId" :label="$t('integralDetail.accountId')" align="center" />
+            <el-table-column :label="$t('integralDetail.type')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.detailType === '2002' ? $t('integralDetail.transferOut') : $t('integralDetail.transferIn') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="relIntegralId" :label="$t('integralDetail.relatedAccount')" align="center" />
+            <el-table-column prop="amount" :label="$t('integralDetail.points')" align="center" />
+            <el-table-column :label="$t('integralDetail.objectType')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.objType === '7007' ? $t('integralDetail.merchant') : $t('integralDetail.user') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="objId" :label="$t('integralDetail.objectId')" align="center" />
+            <el-table-column prop="link" :label="$t('integralDetail.phone')" align="center" />
+            <el-table-column prop="orderId" :label="$t('integralDetail.orderId')" align="center" />
+            <el-table-column prop="createTime" :label="$t('integralDetail.transactionTime')" align="center" />
+            <el-table-column prop="remark" :label="$t('integralDetail.remark')" align="center" />
+          </el-table>
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+            :current-page="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+            layout="total, sizes, prev, pager, next, jumper" :total="page.total" class="pagination">
+          </el-pagination>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getIntegralDetailList } from '@/api/mall/integralDetailApi'
+
+export default {
+  name: 'IntegralDetailList',
+  data() {
+    return {
+      loading: false,
+      integralDetailInfo: {
+        integralDetails: [],
+        conditions: {
+          integralId: '',
+          detailType: '',
+          integralNameLike: '',
+          amount: '',
+          objType: '',
+          orderId: '',
+          mallApiCode: 'queryIntegralDetailBmoImpl'
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this._listIntegralDetails(this.page.current, this.page.size)
+  },
+  methods: {
+    async _listIntegralDetails(page, size) {
+      try {
+        this.loading = true
+        this.integralDetailInfo.conditions.page = page
+        this.integralDetailInfo.conditions.row = size
+
+        const { data, total } = await getIntegralDetailList(this.integralDetailInfo.conditions)
+        this.integralDetailInfo.integralDetails = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('integralDetail.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _queryIntegralDetailMethod() {
+      this.page.current = 1
+      this._listIntegralDetails(this.page.current, this.page.size)
+    },
+    _switchIntegralObjType(objType) {
+      this.integralDetailInfo.conditions.objType = objType
+      this._listIntegralDetails(this.page.current, this.page.size)
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listIntegralDetails(this.page.current, this.page.size)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listIntegralDetails(this.page.current, this.page.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.integral-detail-container {
+  padding: 20px;
+
+  .tree-card {
+    height: 100%;
+
+    .tree-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      .tree-item {
+        padding: 10px;
+        margin-bottom: 5px;
+        text-align: center;
+        cursor: pointer;
+        border-radius: 4px;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active {
+          background-color: #409eff;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    productSj: {
+      search: {
+        title: 'Search Conditions',
+        prodName: 'Please enter product name'
+      },
+      list: {
+        title: 'Shelved Products',
+        today: 'Today',
+        all: 'All Shelved'
+      },
+      table: {
+        productId: 'Product ID',
+        coverPhoto: 'Product Image',
+        categoryName: 'Product Category',
+        prodName: 'Product Name',
+        sales: 'Sales',
+        stock: 'Stock',
+        price: 'Price',
+        sort: 'Sort',
+        state: 'Status'
+      },
+      fetchError: 'Failed to fetch product list'
+    }
+  },
+  zh: {
+    productSj: {
+      search: {
+        title: '查询条件',
+        prodName: '请输入商品名称'
+      },
+      list: {
+        title: '上架商品',
+        today: '今日上架',
+        all: '所有上架'
+      },
+      table: {
+        productId: '商品ID',
+        coverPhoto: '商品图片',
+        categoryName: '商品分组',
+        prodName: '商品名称',
+        sales: '销量',
+        stock: '库存',
+        price: '价格',
+        sort: '排序',
+        state: '状态'
+      },
+      fetchError: '获取商品列表失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="product-sj-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('productSj.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input
+            v-model="searchForm.prodName"
+            :placeholder="$t('productSj.search.prodName')"
+            clearable
+            @keyup.enter.native="handleSearch"
+          />
+        </el-col>
+        <el-col :span="2">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 商品列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('productSj.list.title') }}</span>
+        <div style="float: right;">
+          <el-button type="primary" size="small" @click="listProductsToDay">
+            <i class="el-icon-plus"></i>
+            {{ $t('productSj.list.today') }}
+          </el-button>
+          <el-button type="primary" size="small" style="margin-left: 10px" @click="listProductsAll">
+            {{ $t('productSj.list.all') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="productId" :label="$t('productSj.table.productId')" align="center" />
+        <el-table-column :label="$t('productSj.table.coverPhoto')" align="center">
+          <template slot-scope="scope">
+            <el-image
+              style="width: 60px; height: 60px; border-radius: 5px;"
+              :src="scope.row.coverPhoto"
+              fit="cover"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column prop="categoryName" :label="$t('productSj.table.categoryName')" align="center" />
+        <el-table-column prop="prodName" :label="$t('productSj.table.prodName')" align="center" />
+        <el-table-column prop="sales" :label="$t('productSj.table.sales')" align="center" />
+        <el-table-column prop="stock" :label="$t('productSj.table.stock')" align="center" />
+        <el-table-column :label="$t('productSj.table.price')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.defaultSpecValue.price }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="sort" :label="$t('productSj.table.sort')" align="center" />
+        <el-table-column prop="stateName" :label="$t('productSj.table.state')" align="center" />
+      </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-product ref="deleteProduct" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { getAdminProductList } from '@/api/mall/productSjApi'
+import DeleteProduct from '@/components/mall/DeleteProduct'
+
+export default {
+  name: 'ProductSjList',
+  components: {
+    DeleteProduct
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        prodName: '',
+        state: '2002',
+        keyword: '',
+        barCode: '',
+        createTime: '',
+        mallApiCode: 'queryAdminProductBmoImpl'
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await getAdminProductList(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('productSj.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    listProductsToDay() {
+      this.searchForm.createTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss')
+      this.handleSearch()
+    },
+    listProductsAll() {
+      this.searchForm.createTime = ''
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    },
+    handleSuccess() {
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.product-sj-container {
+  padding: 0;
+  margin: 0;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    storeOrderCartManage: {
+      search: {
+        title: 'Search Conditions',
+        cartId: 'Order Number',
+        state: 'Select Status',
+        prodName: 'Enter Product Name',
+        shop: 'Select Shop'
+      },
+      list: {
+        title: 'Order Information'
+      },
+      table: {
+        cartId: 'Order Number',
+        appName: 'Platform',
+        shopName: 'Shop',
+        cartType: 'Type',
+        service: 'Service',
+        goods: 'Goods',
+        prodName: 'Name',
+        cartNum: 'Quantity',
+        personName: 'User Name',
+        payPrice: 'Payment Amount',
+        stateName: 'Order Status',
+        createTime: 'Creation Time'
+      },
+      state: {
+        unpurchased: 'Unpurchased',
+        waitingDelivery: 'Waiting Delivery',
+        waitingReceive: 'Waiting Receive',
+        waitingComment: 'Waiting Comment',
+        applyRefund: 'Apply Refund',
+        refundSuccess: 'Refund Success',
+        refunded: 'Refunded'
+      },
+      fetchError: 'Failed to fetch order list',
+      fetchShopsError: 'Failed to fetch shops'
+    }
+  },
+  zh: {
+    storeOrderCartManage: {
+      search: {
+        title: '查询条件',
+        cartId: '订单编号',
+        state: '请选择状态',
+        prodName: '请输入商品名称',
+        shop: '请选择商铺'
+      },
+      list: {
+        title: '订单信息'
+      },
+      table: {
+        cartId: '订单号',
+        appName: '平台',
+        shopName: '商铺',
+        cartType: '类型',
+        service: '服务',
+        goods: '商品',
+        prodName: '名称',
+        cartNum: '数量',
+        personName: '用户名称',
+        payPrice: '支付金额',
+        stateName: '订单状态',
+        createTime: '创建时间'
+      },
+      state: {
+        unpurchased: '未购买',
+        waitingDelivery: '待发货',
+        waitingReceive: '待收货',
+        waitingComment: '待评价',
+        applyRefund: '申请退款',
+        refundSuccess: '退货成功',
+        refunded: '已退款'
+      },
+      fetchError: '获取订单列表失败',
+      fetchShopsError: '获取商铺列表失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="store-order-cart-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('storeOrderCartManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="4">
+          <el-input v-model="searchForm.cartId" :placeholder="$t('storeOrderCartManage.search.cartId')" clearable />
+        </el-col>
+        <el-col :span="4">
+          <el-select v-model="searchForm.state" :placeholder="$t('storeOrderCartManage.search.state')" clearable>
+            <el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-col>
+        <el-col :span="4">
+          <el-input v-model="searchForm.prodName" :placeholder="$t('storeOrderCartManage.search.prodName')" clearable />
+        </el-col>
+        <el-col :span="4">
+          <el-select v-model="searchForm.shopId" :placeholder="$t('storeOrderCartManage.search.shop')" clearable>
+            <el-option v-for="item in shops" :key="item.shopId" :label="item.shopName" :value="item.shopId" />
+          </el-select>
+        </el-col>
+        <el-col :span="4" >
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 订单列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('storeOrderCartManage.list.title') }}</span>
+      </div>
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="cartId" :label="$t('storeOrderCartManage.table.cartId')" align="center" />
+        <el-table-column prop="appName" :label="$t('storeOrderCartManage.table.appName')" align="center" />
+        <el-table-column prop="shopName" :label="$t('storeOrderCartManage.table.shopName')" align="center" />
+        <el-table-column :label="$t('storeOrderCartManage.table.cartType')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.cartType === '3307' ? $t('storeOrderCartManage.table.service') :
+              $t('storeOrderCartManage.table.goods') }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('storeOrderCartManage.table.prodName')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.prodName }}
+            <span v-if="scope.row.cartType !== '3307'">({{ scope.row.specValue }})</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="cartNum" :label="$t('storeOrderCartManage.table.cartNum')" align="center" />
+        <el-table-column prop="personName" :label="$t('storeOrderCartManage.table.personName')" align="center" />
+        <el-table-column prop="payPrice" :label="$t('storeOrderCartManage.table.payPrice')" align="center" />
+        <el-table-column prop="stateName" :label="$t('storeOrderCartManage.table.stateName')" align="center" />
+        <el-table-column prop="createTime" :label="$t('storeOrderCartManage.table.createTime')" align="center" />
+      </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>
+  </div>
+</template>
+
+<script>
+import { queryAdminStoreOrderCart, queryShopsByAdmin } from '@/api/mall/storeOrderCartManageApi'
+
+export default {
+  name: 'StoreOrderCartManageList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        cartId: '',
+        state: '',
+        shopId: '',
+        prodName: '',
+        mallApiCode: 'queryAdminStoreOrderCartBmoImpl'
+      },
+      stateOptions: [
+        { value: '1001', label: this.$t('storeOrderCartManage.state.unpurchased') },
+        { value: '2002', label: this.$t('storeOrderCartManage.state.waitingDelivery') },
+        { value: '3003', label: this.$t('storeOrderCartManage.state.waitingReceive') },
+        { value: '4004', label: this.$t('storeOrderCartManage.state.waitingComment') },
+        { value: '5005', label: this.$t('storeOrderCartManage.state.applyRefund') },
+        { value: '6006', label: this.$t('storeOrderCartManage.state.refundSuccess') },
+        { value: '7007', label: this.$t('storeOrderCartManage.state.refunded') }
+      ],
+      shops: [],
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+    this.getShops()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.searchForm,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { data, total } = await queryAdminStoreOrderCart(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('storeOrderCartManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async getShops() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          mallApiCode: 'queryShopsByAdminBmoImpl'
+        }
+        const { data } = await queryShopsByAdmin(params)
+        this.shops = data
+      } catch (error) {
+        this.$message.error(this.$t('storeOrderCartManage.fetchShopsError'))
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.store-order-cart-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    storeOrderCartReturn: {
+      search: {
+        title: 'Search Conditions',
+        cartId: 'Order Number',
+        state: 'Please select status',
+        prodName: 'Please enter product name'
+      },
+      list: {
+        title: 'Return Orders'
+      },
+      table: {
+        cartId: 'Order Number',
+        prodName: 'Product Name',
+        specValue: 'Product Specification',
+        personName: 'User Name',
+        returnPayPrice: 'Refund Amount',
+        stateName: 'Order Status',
+        returnReason: 'Refund Reason',
+        createTime: 'Application Time'
+      },
+      state: {
+        all: 'All Status',
+        applyRefund: 'Apply for Refund',
+        returnSuccess: 'Return Success',
+        refunded: 'Refunded'
+      },
+      fetchError: 'Failed to fetch return orders'
+    }
+  },
+  zh: {
+    storeOrderCartReturn: {
+      search: {
+        title: '查询条件',
+        cartId: '订单编号',
+        state: '请选择状态',
+        prodName: '请输入商品名称'
+      },
+      list: {
+        title: '退货订单'
+      },
+      table: {
+        cartId: '订单号',
+        prodName: '商品名称',
+        specValue: '商品规格',
+        personName: '用户名称',
+        returnPayPrice: '退款金额',
+        stateName: '订单状态',
+        returnReason: '退款原因',
+        createTime: '申请时间'
+      },
+      state: {
+        all: '全部状态',
+        applyRefund: '申请退款',
+        returnSuccess: '退货成功',
+        refunded: '已退款'
+      },
+      fetchError: '获取退货订单失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="store-order-cart-return-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('storeOrderCartReturn.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.cartId" :placeholder="$t('storeOrderCartReturn.search.cartId')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.state" :placeholder="$t('storeOrderCartReturn.search.state')" clearable>
+            <el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.prodName" :placeholder="$t('storeOrderCartReturn.search.prodName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 退货订单列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('storeOrderCartReturn.list.title') }}</span>
+      </div>
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="cartId" :label="$t('storeOrderCartReturn.table.cartId')" align="center" />
+        <el-table-column prop="prodName" :label="$t('storeOrderCartReturn.table.prodName')" align="center" />
+        <el-table-column prop="specValue" :label="$t('storeOrderCartReturn.table.specValue')" align="center" />
+        <el-table-column prop="personName" :label="$t('storeOrderCartReturn.table.personName')" align="center" />
+        <el-table-column prop="returnPayPrice" :label="$t('storeOrderCartReturn.table.returnPayPrice')" align="center" />
+        <el-table-column prop="stateName" :label="$t('storeOrderCartReturn.table.stateName')" align="center" />
+        <el-table-column prop="returnReason" :label="$t('storeOrderCartReturn.table.returnReason')" align="center" />
+        <el-table-column prop="createTime" :label="$t('storeOrderCartReturn.table.createTime')" align="center" />
+      </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>
+  </div>
+</template>
+
+<script>
+import { getStoreOrderCartReturnList } from '@/api/mall/storeOrderCartReturnApi'
+
+export default {
+  name: 'StoreOrderCartReturnList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        cartId: '',
+        state: '',
+        prodName: '',
+        mallApiCode: 'queryStoreOrderCartReturnBmoImpl'
+      },
+      stateOptions: [
+        { value: '', label: this.$t('storeOrderCartReturn.state.all') },
+        { value: '5005', label: this.$t('storeOrderCartReturn.state.applyRefund') },
+        { value: '6006', label: this.$t('storeOrderCartReturn.state.returnSuccess') },
+        { value: '7007', label: this.$t('storeOrderCartReturn.state.refunded') }
+      ],
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.searchForm,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { data, total } = await getStoreOrderCartReturnList(params)
+        this.tableData = data.map(item => {
+          let specValue = ''
+          if (item.productSpecDetails) {
+            item.productSpecDetails.forEach(detail => {
+              specValue += (detail.detailValue + '/')
+            })
+          }
+          return {
+            ...item,
+            specValue
+          }
+        })
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('storeOrderCartReturn.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.store-order-cart-return-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-select {
+      width: 100%;
+    }
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    userIntegral: {
+      search: {
+        title: 'Search Conditions',
+        integralName: 'Account Name',
+        integralNamePlaceholder: 'Please enter account name'
+      },
+      list: {
+        title: 'User Points'
+      },
+      table: {
+        id: 'ID',
+        name: 'Account Name',
+        type: 'Object Type',
+        userId: 'User ID',
+        phone: 'Phone',
+        amount: 'Points'
+      },
+      type: {
+        personal: 'Personal',
+        merchant: 'Merchant'
+      },
+      fetchError: 'Failed to fetch points data'
+    },
+    common: {
+      search: 'Search',
+      manage: 'Manage'
+    }
+  },
+  zh: {
+    userIntegral: {
+      search: {
+        title: '查询条件',
+        integralName: '账户名称',
+        integralNamePlaceholder: '请输入账户名称'
+      },
+      list: {
+        title: '用户积分'
+      },
+      table: {
+        id: '编号',
+        name: '账户名称',
+        type: '对象类型',
+        userId: '用户编号',
+        phone: '手机号',
+        amount: '积分数'
+      },
+      type: {
+        personal: '个人',
+        merchant: '商户'
+      },
+      fetchError: '获取积分数据失败'
+    },
+    common: {
+      search: '查询',
+      manage: '管理'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="user-integral-container">
+    <el-row :gutter="20">
+      <el-col :span="3">
+        <el-card class="box-card">
+          <div class="type-selector">
+            <ul class="type-list">
+              <li v-for="type in integralTypes" :key="type.value" class="type-item"
+                :class="{ 'active': searchForm.objType === type.value }" @click="switchIntegralType(type.value)">
+                {{ $t(`userIntegral.type.${type.label}`) }}
+              </li>
+            </ul>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="21">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix text-left">
+            <span>{{ $t('userIntegral.search.title') }}</span>
+          </div>
+          <el-form :inline="true" :model="searchForm" class="search-form  text-left">
+            <el-form-item :label="$t('userIntegral.search.integralName')">
+              <el-input v-model="searchForm.integralName" :placeholder="$t('userIntegral.search.integralNamePlaceholder')"
+                clearable />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleSearch">
+                {{ $t('common.search') }}
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+
+        <el-card class="box-card">
+          <div slot="header" class="clearfix  text-left">
+            <span>{{ $t('userIntegral.list.title') }}</span>
+            <el-button type="primary" size="mini" style="float: right;" @click="handleManage">
+              {{ $t('common.manage') }}
+            </el-button>
+          </div>
+          <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+            <el-table-column prop="integralId" :label="$t('userIntegral.table.id')" align="center" />
+            <el-table-column prop="integralName" :label="$t('userIntegral.table.name')" align="center" />
+            <el-table-column :label="$t('userIntegral.table.type')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.objType === '7007' ? $t('userIntegral.type.merchant') : $t('userIntegral.type.personal') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="objId" :label="$t('userIntegral.table.userId')" align="center" />
+            <el-table-column prop="link" :label="$t('userIntegral.table.phone')" align="center" />
+            <el-table-column prop="amount" :label="$t('userIntegral.table.amount')" align="center" />
+          </el-table>
+          <pagination :current-page="pagination.current" :page-size="pagination.size" :total="pagination.total"
+            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { queryIntegralList } from '@/api/mall/userIntegralApi'
+import Pagination from '@/components/mall/Pagination'
+
+export default {
+  name: 'UserIntegralList',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      loading: false,
+      integralTypes: [
+        { value: '6006', label: 'personal' },
+        { value: '7007', label: 'merchant' }
+      ],
+      searchForm: {
+        integralName: '',
+        objType: '6006',
+        mallApiCode: 'queryIntegralBmoImpl'
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.searchForm
+        }
+        const { data, total } = await queryIntegralList(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('userIntegral.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleManage() {
+      const path = this.searchForm.objType === '6006'
+        ? '/pages/admin/userIntegral'
+        : '/pages/admin/storeIntegral'
+      this.$router.push({ path })
+    },
+    switchIntegralType(type) {
+      this.searchForm.objType = type
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.user-integral-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .type-selector {
+    .type-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      .type-item {
+        padding: 10px;
+        text-align: center;
+        cursor: pointer;
+        border-radius: 4px;
+        margin-bottom: 5px;
+        transition: all 0.3s;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active {
+          background-color: #409eff;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .search-form {
+    margin-bottom: -18px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    userLogin: {
+      search: {
+        title: 'Search Conditions',
+        name: 'Please enter staff name',
+        tel: 'Please enter phone number',
+        startTime: 'Login start time',
+        endTime: 'Login end time'
+      },
+      table: {
+        title: 'Login Logs',
+        loginId: 'Login ID',
+        parentOrgName: 'Company',
+        orgName: 'Department',
+        userName: 'Name',
+        loginTime: 'Login Time',
+        userId: 'Staff ID'
+      },
+      allStores: 'All',
+      fetchError: 'Failed to fetch login logs',
+      storeFetchError: 'Failed to fetch store list'
+    }
+  },
+  zh: {
+    userLogin: {
+      search: {
+        title: '查询条件',
+        name: '请输入员工名称',
+        tel: '请输入手机号',
+        startTime: '登录开始时间',
+        endTime: '登录结束时间'
+      },
+      table: {
+        title: '登录日志',
+        loginId: '登录ID',
+        parentOrgName: '公司',
+        orgName: '部门',
+        userName: '名称',
+        loginTime: '登录时间',
+        userId: '员工ID'
+      },
+      allStores: '全部',
+      fetchError: '获取登录日志失败',
+      storeFetchError: '获取门店列表失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="user-login-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <el-card class="store-list-card">
+          <div class="store-list">
+            <ul class="store-ul">
+              <li 
+                v-for="(item,index) in userLoginInfo.stores"
+                :key="index" 
+                @click="swatchStore(item)"
+                :class="{'selected-store':userLoginInfo.conditions.storeId == item.storeId}">
+                {{item.name}}<span v-if="item.storeTypeName">({{item.storeTypeName}})</span>
+              </li>
+            </ul>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <el-card class="search-card">
+          <div slot="header" class="clearfix text-left">
+            <span>{{ $t('userLogin.search.title') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-input 
+                :placeholder="$t('userLogin.search.name')"
+                v-model="userLoginInfo.conditions.name" 
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input 
+                type="number"
+                :placeholder="$t('userLogin.search.tel')"
+                v-model="userLoginInfo.conditions.tel" 
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker
+                v-model="userLoginInfo.conditions.startTime"
+                type="datetime"
+                :placeholder="$t('userLogin.search.startTime')"
+                value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker
+                v-model="userLoginInfo.conditions.endTime"
+                type="datetime"
+                :placeholder="$t('userLogin.search.endTime')"
+                value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-col>
+            <el-col :span="4" >
+              <el-button type="primary" @click="_queryUserLoginMethod">
+                <i class="el-icon-search"></i> {{ $t('common.search') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="table-card">
+          <div slot="header" class="clearfix text-left">
+            <span>{{ $t('userLogin.table.title') }}</span>
+          </div>
+          <el-table 
+            v-loading="loading"
+            :data="userLoginInfo.logs" 
+            border 
+            style="width: 100%">
+            <el-table-column 
+              prop="loginId" 
+              :label="$t('userLogin.table.loginId')" 
+              align="center" />
+            <el-table-column 
+              prop="parentOrgName" 
+              :label="$t('userLogin.table.parentOrgName')" 
+              align="center">
+              <template slot-scope="scope">
+                {{ scope.row.parentOrgName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column 
+              prop="orgName" 
+              :label="$t('userLogin.table.orgName')" 
+              align="center" />
+            <el-table-column 
+              prop="userName" 
+              :label="$t('userLogin.table.userName')" 
+              align="center" />
+            <el-table-column 
+              prop="loginTime" 
+              :label="$t('userLogin.table.loginTime')" 
+              align="center" />
+            <el-table-column 
+              prop="userId" 
+              :label="$t('userLogin.table.userId')" 
+              align="center" />
+          </el-table>
+
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="pagination.current"
+            :page-sizes="[10, 20, 30, 50]"
+            :page-size="pagination.size"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="pagination.total"
+            style="margin-top: 20px;">
+          </el-pagination>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { queryUserLogin, listStores } from '@/api/user/userLoginApi'
+
+export default {
+  name: 'UserLoginList',
+  data() {
+    return {
+      loading: false,
+      userLoginInfo: {
+        logs: [],
+        stores: [],
+        conditions: {
+          name: '',
+          tel: '',
+          storeId: '',
+          startTime: '',
+          endTime: '',
+          page: 1,
+          row: 10
+        }
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.loadData()
+    this._listListStores()
+  },
+  methods: {
+    async loadData() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.userLoginInfo.conditions,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const { data, records } = await queryUserLogin(params)
+        this.userLoginInfo.logs = data
+        this.pagination.total = records
+      } catch (error) {
+        this.$message.error(this.$t('userLogin.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async _listListStores() {
+      try {
+        const params = {
+          page: 1,
+          row: 100
+        }
+        const { data } = await listStores(params)
+        this.userLoginInfo.stores = [
+          { storeId: '', name: this.$t('userLogin.allStores') },
+          ...data
+        ]
+      } catch (error) {
+        this.$message.error(this.$t('userLogin.storeFetchError'))
+      }
+    },
+    swatchStore(item) {
+      this.userLoginInfo.conditions.storeId = item.storeId
+      this.pagination.current = 1
+      this.loadData()
+    },
+    _queryUserLoginMethod() {
+      this.pagination.current = 1
+      this.loadData()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.loadData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.loadData()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.user-login-container {
+  padding: 20px;
+
+  .store-list-card {
+    height: 100%;
+
+    .store-list {
+      .store-ul {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+
+        li {
+          padding: 10px;
+          cursor: pointer;
+          border-radius: 4px;
+          margin-bottom: 5px;
+          text-align: center;
+
+          &:hover {
+            background-color: #f5f7fa;
+          }
+
+          &.selected-store {
+            background-color: #409eff;
+            color: white;
+          }
+        }
+      }
+    }
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+}
+</style>
 \ No newline at end of file